JavaScript ;寫入到HTML輸出語法 注意:只能在HTML輸出中使用,如果在文檔已經加載后使用(比如在函數中) 會覆蓋到整個文檔 <!DOCTYPE html> <html> <body>
<p> JavaScript 能夠直接寫入 HTML 輸出流中: </p>
<script> document.write("<h1>This is a heading</h1>");//P1 document.write("<p>This is a paragraph.</p>");//P2 </script>
<p> 您只能在 HTML 輸出流中使用 <strong>document.write</strong>。 如果您在文檔已加載后使用它(比如在函數中),會覆蓋整個文檔。 </p>
</body> </html>
剛學js看了這句話,一臉的懵逼 最后參考了網上的一些解析,加上實驗很快明白了什么意思
解析前半句 您只能在HTML輸出流中使用document.write
HTML輸出流是什么? HTML 輸出流指的是當前數據形式是HTML格式的數據,這部分數據正被導出、傳輸或顯示,所以稱為”流“。
比如上面的P1和P2就是輸出流的形式;
<!DOCTYPE html> <html> <body>
<p> JavaScript 能夠直接寫入 HTML 輸出流中: </p> <button onclick="myFunction()">點擊這里<\button> <script> document.write("<h1>This is a heading</h1>");//P1 document.write("<p>This is a paragraph.</p>");//P2 function myFunction(){
document.write("覆蓋之前的和h1和p 及覆蓋所有的文檔"); } </script>
<p>
原因吧? 以下引用其他網友 document.write是文件創建過程中創建內容
文檔在創建過程中,如果遇到document.write就把內容加入到document中
當文檔已經創建完成,及document已經關閉,此時在遇到document.write就會重寫document 如果文檔已完成加載后再執行document.write就會把整個html覆蓋