JS--输出数据

时间 2019-11-17

原文原文链接

js有四种形式输出数据html

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元素
code

 <!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来获取或插入元素值。
htm

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

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

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

<body>

</body>
</html>

注意，这个时候须要打开浏览器为调试状态，则能够在浏览器的console中查看到输出语句。
utf-8