墨小权个人博客-情感校园-记录生活与知识分享的个人博客

当前位置:主页 > 编程知识 > JavaScript教程 > 本文内容

JavaScript输出语句

发布时间:2020-05-26 18:54:32源自:www.ikzai.cn作者:墨小权阅读()

JavaScript 输出
JS 使用
JS 语句
JavaScript 不提供任何内建的打印或显示函数。


JavaScript 显示方案
JavaScript 能够以不同方式“显示”数据:


使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台
使用 innerHTML
如需访问 HTML 元素,JavaScript 可使用 document.getElementById(id) 方法。


id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容:


实例
<!DOCTYPE html>
<html>
<body>


<h1>我的第一张网页</h1>


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


<p id="demo"></p>


<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>


</body>
</html> 
亲自试一试
提示:更改 HTML 元素的 innerHTML 属性是在 HTML 中显示数据的常用方法。


使用 document.write()
出于测试目的,使用 document.write() 比较方便:


实例
<!DOCTYPE html>
<html>
<body>


<h1>我的第一张网页</h1>


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


<script>
document.write(5 + 6);
</script>


</body>
</html> 
亲自试一试
注意:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML :


实例
<!DOCTYPE html>
<html>
<body>


<h1>我的第一张网页</h1>


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


<button onclick="document.write(5 + 6)">试一试</button>


</body>
</html>
亲自试一试
提示:document.write() 方法仅用于测试。


使用 window.alert()
您能够使用警告框来显示数据:


实例
<!DOCTYPE html>
<html>
<body>


<h1>我的第一张网页</h1>


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


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


</body>
</html> 
亲自试一试
使用 console.log()
在浏览器中,您可使用 console.log() 方法来显示数据。


请通过 F12 来激活浏览器控制台,并在菜单中选择“控制台”。


实例
<!DOCTYPE html>
<html>
<body>


<h1>我的第一张网页</h1>


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


<script>
console.log(5 + 6);
</script>


</body>
</html>

欢迎分享转载→ JavaScript输出语句

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

其他页面

热门游戏

Copyright © 2002-2020 墨小权个人博客 版权所有 备案号:粤ICP备20000688号-1收藏本站 - 网站地图 - 排行榜- 关于我们 - 网站公告 - 广告服务