- 資訊首頁(yè) > 開(kāi)發(fā)技術(shù) >
- JavaScript是怎樣輸出的
今天就跟大家聊聊有關(guān)JavaScript是怎樣輸出的，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
JavaScript 顯示數據
JavaScript 可以通過(guò)不同的方式來(lái)輸出數據：
使用 window.alert() 彈出警告框。
使用 document.write() 方法將內容寫(xiě)到 HTML 文檔中。
使用 innerHTML 寫(xiě)入到 HTML 元素。
使用 console.log() 寫(xiě)入到瀏覽器的控制臺。
使用 window.alert()
你可以彈出警告框來(lái)顯示數據：
實(shí)例
<!DOCTYPE html><html><body><h2>我的第一個(gè)頁(yè)面</h2> <p>我的第一個(gè)段落。</p><script> window.alert(5 + 6);</script></body></html>
操作 HTML 元素
如需從 JavaScript 訪(fǎng)問(wèn)某個(gè) HTML 元素，您可以使用 document.getElementById(id) 方法。
請使用 "id" 屬性來(lái)標識 HTML 元素，并 innerHTML 來(lái)獲取或插入元素內容：
實(shí)例
<!DOCTYPE html>
<html><body><h2>我的第一個(gè) Web 頁(yè)面</h2><p id="demo">我的第一個(gè)段落</p><script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script></body></html>以上 JavaScript 語(yǔ)句（在 <script> 標簽中）可以在 web 瀏覽器中執行：
document.getElementById("demo") 是使用 id 屬性來(lái)查找 HTML 元素的 JavaScript 代碼 。
innerHTML = "段落已修改。" 是用于修改元素的 HTML 內容(innerHTML)的JavaScript 代碼。
在本教程中
在大多數情況下，在本教程中，我們將使用上面描述的方法來(lái)輸出：
上面的例子直接把 id="demo" 的 <p> 元素寫(xiě)到 HTML 文檔輸出中：
寫(xiě)到 HTML 文檔
出于測試目的，您可以將JavaScript直接寫(xiě)在HTML 文檔中：
實(shí)例
<!DOCTYPE html> <html><body> <h2>我的第一個(gè) Web 頁(yè)面</h2> <p>我的第一個(gè)段落。</p> <script> document.write(Date()); </script></body></html>
請使用 document.write() 僅僅向文檔輸出寫(xiě)內容。
如果在文檔已完成加載后執行 document.write，整個(gè) HTML 頁(yè)面將被覆蓋。
實(shí)例
<!DOCTYPE html><html><body><h2>我的第一個(gè) Web 頁(yè)面</h2>
<p>我的第一個(gè)段落。</p><button >"myFunction()">點(diǎn)我</button><script>
function myFunction() {
document.write(Date());
}
</script></body></html>寫(xiě)到控制臺
如果您的瀏覽器支持調試，你可以使用 console.log() 方法在瀏覽器中顯示 JavaScript 值。
瀏覽器中使用 F12 來(lái)啟用調試模式， 在調試窗口中點(diǎn)擊 "Console" 菜單。
<!DOCTYPE html><html><body><h2>我的第一個(gè) Web 頁(yè)面</h2><script> a = 5; b = 6; c = a + b; console.log(c); </script></body></html>
實(shí)例 console 截圖：
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng )、來(lái)自互聯(lián)網(wǎng)轉載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權請聯(lián)系QQ:712375056 進(jìn)行舉報，并提供相關(guān)證據，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權內容。
Copyright ? 2009-2021 56dr.com. All Rights Reserved. 特網(wǎng)科技 特網(wǎng)云 版權所有 珠海市特網(wǎng)科技有限公司 粵ICP備16109289號
域名注冊服務(wù)機構:阿里云計算有限公司（萬(wàn)網(wǎng)） 域名服務(wù)機構：煙臺帝思普網(wǎng)絡(luò )科技有限公司（DNSPod） CDN服務(wù)：阿里云計算有限公司 中國互聯(lián)網(wǎng)舉報中心 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證B2
建議您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流瀏覽器瀏覽本網(wǎng)站
