JS--输出数据

最新推荐文章于 2024-02-20 14:30:48 发布

weixin_33859504

最新推荐文章于 2024-02-20 14:30:48 发布

阅读量146

点赞数

原文链接：https://my.oschina.net/u/2312022/blog/670138

版权

2019独角兽企业重金招聘Python工程师标准>>>

js有四种形式输出数据

1.使用alert()弹出提示框

 <!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title> test HTML</title>
 </head>
 <script>
     alert('测试弹出框');
 </script>
<body>

</body>
</html>

2.使用document.write()将内容写入HTML文档中

 <!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title> test HTML</title>
 </head>
 <script>
     document.write(Date());
 </script>
<body>

</body>
</html>

备注：使用document.write()仅仅向文档输出写入内容。如果在文档已经加载后执行document.write，则整个页面被覆盖。

3.使用innerHTML写入到HTML元素

 <!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title> test HTML</title>
 </head>
 
<body>

    <h3 id="test1">测试取值</h3>

     <script>
     var cc = document.getElementById("test1").innerHTML
     alert(cc);
     </script>

</body>
</html>

如果需要使用js访问某个html元素，我们可以使用document.getElementById(id)的方法，这时候需要使用id来标识html元素，并用innerHTML来获取或插入元素值。

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

 <!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title> test HTML</title>
 </head>

     <script>
         console.log('输出到控制台没！');
     </script>

<body>

</body>
</html>

注意，这个时候需要打开浏览器为调试状态，则可以在浏览器的console中查看到输出语句。

转载于:https://my.oschina.net/u/2312022/blog/670138