JavaScript基础学习之输出

JavaScript简介

有一张图片小小介绍吧，想要详细了解点击：JavaSCript 百科

JavaScript简介.png

JavaScript输出

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

JavaScript 显示数据

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

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

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

使用 innerHTML 写入到 HTML 元素。

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

使用window.alert()

你可以弹出警告框来显示数据：

实例

><!DOCTYPE html>
<html>
<body>

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

><script>
window.alert(5 + 6);
</script>

></body>
</html>```
[编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)


####***操作 HTML 元素***
________
  如需从 JavaScript 访问某个 HTML 元素，您可以使用```document.getElementById(id) ```方法。
 **id**属性标识 HTML 元素， **innerHTML** 获取或插入元素内容：
>**实例**

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

[编辑运行](http://www.runoob.com/try/try.php?filename=tryjs_console)

####***写到 HTML 文档***
___________________
>**实例**

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

[编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

**注意**：
请使用 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>

[编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

####***写到控制台***
___________________
如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
>**实例**

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

[编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

JavaScript基础学习之输出

JavaScript简介

JavaScript输出

JavaScript 显示数据

使用window.alert()

推荐阅读更多精彩内容