JavaScript 输出

javascript 没有任何打印或者输出的函数。

一、javascript 显示数据

javacript可以通过不同的方式来输出数据：

1.使用window.alert()弹出警告框

2.使用document.write()方法将内容写到HTML文档中。

3.使用innerHTML写入HTML的元素。

4.使用console.log()写入到浏览器的控制台。

A 使用window.alert()

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>

<script>
window.alert(111);
</script>

</body>
</html>

B 操作HTML元素

如需从javascript访问某个HTML元素，使用document.getElementById(id)方法。

请使用'id'属性标识HTML 元素，并innerHTML来获取或插入元素的内容。以下javascript语句（在<script>标签中）可以在web 浏览器中执行。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

c写到HTML文档
出于测试目的，可以将javascript 直接写在htmll 文档中：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

使用document.write()仅仅向文档输出写内容。 如果在文档已完成加载后执行document.write，整个HTML页面将被覆盖。如下图代码所示：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
       document.write(Date());
}
</script>

</body>
</html>

D 写到控制台

如果你的浏览器指出调试，可以使用console.log()方法在浏览器中显示javascript值。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

如下图console 截图

 

posted @ 2017-01-07 11:53  欢复  阅读(1771)  评论(0)  编辑  收藏  举报