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