JavaScript 输出

JavaScript 显示数据

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

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

使用 window.alert()
你可以弹出警告框来显示数据:

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

操作 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>

写到 HTML 文档

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

请使用 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>

写到控制台

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

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
程序中调试是测试,查找及减少bug(错误)的过程。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过...
    convertible阅读 3,247评论 0 0
  • javaScript没有任何打印或者输出的函数。 javaScript显示数据的方式: 使用window.aler...
    storm_king阅读 1,567评论 0 0
  • JavaScript 可以通过不同的方式来输出数据: 1.使用window.alert()弹出警告框。 2.使用d...
    BigbyLong阅读 2,463评论 0 0
  • JavaScript 没有任何打印或者输出的函数。 JavaScript 可以通过不同的方式来输出数据: 使用 w...
    S大偉阅读 1,657评论 0 0
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 12,217评论 16 22

友情链接更多精彩内容