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)文章
JS非Alert實現(xiàn)網(wǎng)頁右下角“未讀信息”效果彈窗
這篇文章主要介紹了JS非Alert實現(xiàn)網(wǎng)頁右下角“未讀信息”效果彈窗的方法,涉及JavaScript動態(tài)操作頁面元素實現(xiàn)彈窗效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了CocosCreator新資源管理系統(tǒng)，從v2.4開始，Creator使用AssetBundle完全重構(gòu)了資源底層，提供了更加靈活強大的資源管理方式，也解決了之前版本資源管理的痛點（資源依賴與引用），本文將帶你深入了解Creator的新資源底層。2021-04-04
這篇文章主要為大家詳細介紹了微信小程序仿知乎實現(xiàn)評論留言功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript建立一個語法高亮輸入框?qū)崿F(xiàn)思路
通常網(wǎng)站自帶的textarea編輯器不能滿足我們的需求比如高亮顯示代碼等,在這篇文章中，我將使用JavaScript庫ACE來創(chuàng)建一個輸入框效果,該腳本允許開發(fā)人員創(chuàng)建支持語法高亮的輸入框,感興趣的你可不要錯過了哈2013-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)點擊選項置頂動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細介紹了zTree插件下拉樹使用入門教程，感興趣的小伙伴們可以參考一下2016-04-04
ES6中Set和Map數(shù)據(jù)結(jié)構(gòu)，Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作實例詳解
這篇文章主要介紹了ES6中Set和Map數(shù)據(jù)結(jié)構(gòu)，Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作,結(jié)合實例形式詳細分析了ES6中的Set和Map數(shù)據(jù)結(jié)構(gòu)的概念、原理、遍歷、去重等操作,以及Map與其它數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換操作,需要的朋友可以參考下2019-02-02
JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理詳解
這篇文章主要為大家介紹了JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理的內(nèi)容詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-11-11
JavaScript將數(shù)據(jù)轉(zhuǎn)換成整數(shù)的方法
這篇文章主要介紹了JavaScript將數(shù)據(jù)轉(zhuǎn)換成整數(shù)的方法，有需要的朋友可以參考一下2014-01-01
再一次項目上用到ie的userdata，考慮當(dāng)用戶不使用flash插件用于存儲一些聊天記錄2010-07-07