您的位置：首页 > Web前端 > JavaScript

JS的输出

2020-04-22 08:11 453 查看

JavaScript的四种显示方式

  • 使用 
    window.alert()
    警告框
  • 使用 
    document.write()
    写入HTML输出
  • 使用 
    innerHTML
    写入HTML元素
  • 使用 
    console.log()
    控制台输出

使用window.alert()

使用警告款来输出数据

<script>
window.alert('hello world');
</script>

使用document.write()

在页面结构中写入内容，一般用于测试

<script>
document.write('hello world');
</script>

注意：在 HTML 文档完全加载后使用 document.write() 将覆盖掉所有已有的 HTML元素

使用innerHTML

如果要使用HTML元素，js中可使用

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>
// 代码执行后，id为demo的p标签的内容变为11

使用console.log()

在浏览器中，按F12可以打开控制台窗口，该方法最常用

<script>
console.log('hello world');
</script>
  • 点赞
  • 收藏
  • 分享
  • 文章举报
碌碌无为的勤劳家 发布了13 篇原创文章 · 获赞 0 · 访问量 92 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航