JavaScript 輸出
JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需從 JavaScript 訪問(wèn)某個(gè) HTML 元素,您可以使用 document.getElementById(id) 方法。
請(qǐng)使用 "id" 屬性來(lái)標(biāo)識(shí) HTML 元素:
例子
通過(guò)指定的 id 來(lái)訪問(wèn) HTML 元素,并改變其內(nèi)容:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
JavaScript 由 web 瀏覽器來(lái)執(zhí)行。在這種情況下,瀏覽器將訪問(wèn) id="demo" 的 HTML 元素,并把它的內(nèi)容(innerHTML)替換為 "My First JavaScript"。
寫(xiě)到文檔輸出
下面的例子直接把 <p> 元素寫(xiě)到 HTML 文檔輸出中:
實(shí)例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
警告
請(qǐng)使用 document.write() 僅僅向文檔輸出寫(xiě)內(nèi)容。
如果在文檔已完成加載后執(zhí)行 document.write,整個(gè) HTML 頁(yè)面將被覆蓋:
實(shí)例
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My First Paragraph.</p> <button onclick="myFunction()">點(diǎn)擊這里</button> <script> function myFunction() { document.write("糟糕!文檔消失了。"); } </script> </body> </html>
Windows 8 中的 JavaScript
提示:微軟支持通過(guò) JavaScript 創(chuàng)建 Windows 8 app。
對(duì)于因特網(wǎng)和視窗操作系統(tǒng),JavaScript 都意味著未來(lái)。