javascript输出方式总结

转载于 2017-07-11 11:13:00 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xsffliu/p/7149602.html

文章标签：

#javascript #ViewUI

本文介绍了四种常见的网页内容操作方法：使用`window.write()`输出内容到页面；通过`innerHTML`属性修改DOM元素的内容；利用`alert()`显示提示框；以及在浏览器控制台中使用`console.log()`打印信息。

1、在页面输出内容window.write() （该方法如果在页面加载后执行则会覆盖页面所有内容）;

<script>
    document.write("<h1>我的demo</h1>");
</script>

2、给标签添加内容a.innerHTML();

1 <body>
2 <p>我是p标签</p>
3 <p>我是p标签</p>
4 <div id="div1" style="color:red;"></div>
5 <script>
6     var div1=document.getElementById("div1");
7     div1.innerHTML="hello，我是div1！ "
8 </script>
9 </body>

3、在页面弹出alert() / window.alert()，两种写法都可以

<script>
    alert("hello，我是alert！");
</script>

<script>
    window.alert("hello，我是window.alert！");
</script>

4、输出在浏览器控制台console.log();

<script>
    console.log("hello，我是console.log!");
</script>

转载于:https://www.cnblogs.com/xsffliu/p/7149602.html