js中document.write使用過程中的一點(diǎn)疑問解答
下面的內(nèi)容解答了何為如果在頁面加載完后如果調(diào)用document.write就會(huì)覆蓋整個(gè)文檔。
提示中的 【HTML 輸出中】 指的是當(dāng)頁面加載的時(shí)候。
<html>
<head></head>
<body>
<script type="text/javascript">document.write("<p>Hello</p>");</script>
</body>
</html>
當(dāng)頁面加載完畢,你會(huì)在頁面看到 Hello。查看源文件就是上面的代碼。
-------------------------
但如果頁面已經(jīng)加載完畢,再使用 document.write,那就會(huì)覆蓋整個(gè)文檔。
<html>
<head></head>
<body>
<script type="text/javascript">
// 當(dāng)點(diǎn)擊鼠標(biāo)時(shí)調(diào)用 document.write
document.onclick = function() {
document.write("<span>Javascript</span>");
};
</script>
</body>
</html>
因?yàn)槭髽?biāo)動(dòng)作是在頁面加載完畢后執(zhí)行的,所以整個(gè)頁面會(huì)被 <span>Javascript</span>所覆蓋。現(xiàn)在查看源文件就只會(huì)看到 <span>Javascript</span>。
- js document.write()使用介紹
- document.write()及其輸出內(nèi)容的樣式、位置控制
- document.write與writeln的輸出內(nèi)容區(qū)別說明
- 在網(wǎng)頁中使用document.write時(shí)遭遇的奇怪問題
- 第一個(gè)JavaScript入門基礎(chǔ) document.write輸出
- document.open() 與 document.write()的區(qū)別
- 代碼生成器 document.write()
- document.open() 與 document.write()
- JS 中document.write()的用法和清空的原因淺析
相關(guān)文章
JS非Alert實(shí)現(xiàn)網(wǎng)頁右下角“未讀信息”效果彈窗
這篇文章主要介紹了JS非Alert實(shí)現(xiàn)網(wǎng)頁右下角“未讀信息”效果彈窗的方法,涉及JavaScript動(dòng)態(tài)操作頁面元素實(shí)現(xiàn)彈窗效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能
這篇文章主要為大家詳細(xì)介紹了微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11JavaScript建立一個(gè)語法高亮輸入框?qū)崿F(xiàn)思路
通常網(wǎng)站自帶的textarea編輯器不能滿足我們的需求比如高亮顯示代碼等,在這篇文章中,我將使用JavaScript庫(kù)ACE來創(chuàng)建一個(gè)輸入框效果,該腳本允許開發(fā)人員創(chuàng)建支持語法高亮的輸入框,感興趣的你可不要錯(cuò)過了哈2013-02-02js實(shí)現(xiàn)點(diǎn)擊選項(xiàng)置頂動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊選項(xiàng)置頂動(dòng)畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08ES6中Set和Map數(shù)據(jù)結(jié)構(gòu),Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作實(shí)例詳解
這篇文章主要介紹了ES6中Set和Map數(shù)據(jù)結(jié)構(gòu),Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作,結(jié)合實(shí)例形式詳細(xì)分析了ES6中的Set和Map數(shù)據(jù)結(jié)構(gòu)的概念、原理、遍歷、去重等操作,以及Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作,需要的朋友可以參考下2019-02-02JavaScript開發(fā)簡(jiǎn)單易懂的Svelte實(shí)現(xiàn)原理詳解
這篇文章主要為大家介紹了JavaScript開發(fā)簡(jiǎn)單易懂的Svelte實(shí)現(xiàn)原理的內(nèi)容詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2021-11-11JavaScript將數(shù)據(jù)轉(zhuǎn)換成整數(shù)的方法
這篇文章主要介紹了JavaScript將數(shù)據(jù)轉(zhuǎn)換成整數(shù)的方法,有需要的朋友可以參考一下2014-01-01IE本地存儲(chǔ)userdata的一個(gè)bug說明
再一次項(xiàng)目上用到ie的userdata,考慮當(dāng)用戶不使用flash插件用于存儲(chǔ)一些聊天記錄2010-07-07