JavaScript 輸出顯示內容（基礎的教學）-js教程-PHP中文網

剛開始接觸js的朋友肯定要接觸到js的輸出，那麼一定會使用document.write、alert、innerHTML、console.log，這裡簡單介紹一下，需要的朋友可以參考一下啊

#JavaScript 輸出

JavaScript 沒有任何列印或輸出的函數。

JavaScript 顯示資料

JavaScript 可以透過不同的方式來輸出資料：
使用 window.alert() 彈出警告方塊。
使用 document.write() 方法將內容寫到 HTML 文件中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制台。

使用window.alert()
你可以彈出警告框來顯示資料：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

登入後複製

操作HTML 元素
如需從JavaScript 存取某個HTML 元素，可以使用document.getElementById(id) 方法。
請使用"id" 屬性來識別HTML 元素，並且innerHTML 來取得或插入元素內容：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

登入後複製

以上JavaScript 語句（在

熱門教學

更多>

相關教學