JavaScript 輸出

時間 2019-11-12

標籤 javascript 輸出欄目 JavaScript 简体版

原文原文鏈接

JavaScript 沒有任何打印或者輸出的函數。html

JavaScript 顯示數據

JavaScript 能夠經過不一樣的方式來輸出數據：web

使用 window.alert() 彈出警告框。
使用 document.write() 方法將內容寫到 HTML 文檔中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制檯。

使用 window.alert()

你能夠彈出警告框來顯示數據：瀏覽器

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1>個人第一個頁面</h1>
 6 <p>個人第一個段落。</p>
 7 
 8 <script>
 9 window.alert(5 + 6);
10 </script>
11 
12 </body>
13 </html>

操做 HTML 元素

如需從 JavaScript 訪問某個 HTML 元素，您可使用 document.getElementById(id) 方法。函數

請使用 "id" 屬性來標識 HTML 元素，並 innerHTML 來獲取或插入元素內容：測試

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1>個人第一個 Web 頁面</h1>
 6 
 7 <p id="demo">個人第一個段落</p>
 8 
 9 <script>
10 document.getElementById("demo").innerHTML = "段落已修改。";
11 </script>
12 
13 </body>
14 </html>

以上 JavaScript 語句（在 <script> 標籤中）能夠在 web 瀏覽器中執行：spa

document.getElementById("demo") 是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼。code

innerHTML = "段落已修改。" 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 代碼。htm

寫到 HTML 文檔

出於測試目的，能夠將JavaScript直接寫在HTML 文檔中：blog

<!DOCTYPE html>
<html>
<body>

<h1>個人第一個 Web 頁面</h1>

<p>個人第一個段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1>個人第一個 Web 頁面</h1>
 6 
 7 <p>個人第一個段落。</p>
 8 
 9 <button onclick="myFunction()">點我</button>
10 
11 <script>
12 function myFunction() {
13        document.write(Date());
14 }
15 </script>
16 
17 </body>
18 </html>

控制檯ip

<!DOCTYPE html>
<html>
<body>

<h1>個人第一個 Web 頁面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。