js中document.write使用過程中的一點疑問解答
更新時間：2014年03月20日 11:21:10 作者：
本文為大家介紹下為何如果在頁面加載完后如果調(diào)用document.write就會覆蓋整個文檔
本人是新手，所以就記錄下來了。這個答案是在百度中看到的，所以算是轉(zhuǎn)載。
下面的內(nèi)容解答了何為如果在頁面加載完后如果調(diào)用document.write就會覆蓋整個文檔。
提示中的 【HTML 輸出中】 指的是當(dāng)頁面加載的時候。
<html>
<head></head>
<body>
<script type="text/javascript">document.write("<p>Hello</p>");</script>
</body>
</html>
當(dāng)頁面加載完畢，你會在頁面看到 Hello。查看源文件就是上面的代碼。
-------------------------
但如果頁面已經(jīng)加載完畢，再使用 document.write，那就會覆蓋整個文檔。
<html>
<head></head>
<body>
<script type="text/javascript">
// 當(dāng)點擊鼠標(biāo)時調(diào)用 document.write
document.onclick = function() {
document.write("<span>Javascript</span>");
};
</script>
</body>
</html>
因為鼠標(biāo)動作是在頁面加載完畢后執(zhí)行的，所以整個頁面會被 <span>Javascript</span>所覆蓋?，F(xiàn)在查看源文件就只會看到 <span>Javascript</span>。
下面的內(nèi)容解答了何為如果在頁面加載完后如果調(diào)用document.write就會覆蓋整個文檔。
提示中的 【HTML 輸出中】 指的是當(dāng)頁面加載的時候。
復(fù)制代碼 代碼如下:
<html>
<head></head>
<body>
<script type="text/javascript">document.write("<p>Hello</p>");</script>
</body>
</html>
當(dāng)頁面加載完畢，你會在頁面看到 Hello。查看源文件就是上面的代碼。
-------------------------
但如果頁面已經(jīng)加載完畢，再使用 document.write，那就會覆蓋整個文檔。
復(fù)制代碼 代碼如下:
<html>
<head></head>
<body>
<script type="text/javascript">
// 當(dāng)點擊鼠標(biāo)時調(diào)用 document.write
document.onclick = function() {
document.write("<span>Javascript</span>");
};
</script>
</body>
</html>
因為鼠標(biāo)動作是在頁面加載完畢后執(zhí)行的，所以整個頁面會被 <span>Javascript</span>所覆蓋?，F(xiàn)在查看源文件就只會看到 <span>Javascript</span>。
您可能感興趣的文章:
相關(guān)文章
JavaScript基于ChatGPT?API實現(xiàn)劃詞翻譯瀏覽器腳本
最近?GitHub?上有個基于?ChatGPT?API?的瀏覽器腳本，openai-translator，?短時間內(nèi)?star?沖到了?9.7k，拋開?tauri?是使用?rust?部分，那瀏覽器部分實現(xiàn)還是比較簡單的，今天我們就來手動實現(xiàn)一下2023-03-03
這篇文章主要介紹了Javascript中的高階函數(shù)介紹,本文講解了什么是高階函數(shù)、Javascript的高階函數(shù)、還原高階函數(shù)、高階函數(shù)使用實例等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript創(chuàng)建閉包的兩種方式的優(yōu)劣與區(qū)別分析
這篇文章主要介紹了JavaScript創(chuàng)建閉包的兩種方式的優(yōu)劣與區(qū)別分析的相關(guān)資料,需要的朋友可以參考下2015-06-06
下面小編就為大家?guī)硪黄猨s匿名函數(shù)作為函數(shù)參數(shù)詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
判斷數(shù)組是否包含某個元素的js函數(shù)實現(xiàn)方法
下面小編就為大家?guī)硪黄袛鄶?shù)組是否包含某個元素的js函數(shù)實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JavaScript的特性中有一部分特性帶來的麻煩遠(yuǎn)遠(yuǎn)超出它們的價值。2010-02-02
這篇文章主要為大家介紹了String對象的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要為大家介紹了從axios源碼角度解決bug的過程記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
這篇文章主要介紹了js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法的相關(guān)資料,希望通過本文能幫助到大家，解決遇到這樣的問題，需要的朋友可以參考下2017-09-09
本文主要介紹如何使用headjs來管理和異步加載js，提高頁面的加載速度，需要的朋友可以參考下2016-11-11