document.write知多少

syoya 發布于2019-08-20 10:11 / 2096人閱讀

摘要：原生的里絕對是重量級的。第二個案例，如果是異步引入的加或者動態加入的，里面的因安全原因是無法工作的。頁面在狀態，即使沒有調用操作也會自動調用方法從而將頁面清空了。有的同學說將是不是可以避免，結論是。所以使用一定要知道執行的時機。

原生JavaScript的API里document.write絕對是重量級的。如果大家對他的使用場景、注意事項、原理等不明晰，歡迎閱讀本文。

使用場景

第三方合作


    
    iframe
    
    ul[列表內容]

如果這段代碼放在前端處理，不使用后端模板，用document.write可以輕松實現，當然實現的方式很多種，這里只是說明document.write可以勝任。

一般廣告代碼中都是使用document.write來加載第三方廣告，比如百度聯盟的廣告。通常都是這樣用。

body中

同步js

異步js

接下來我們看下document.write的工作原理。

頁面在loading狀態，按照自上而下的順序依次解析script，如果遇到write直接輸出，所以放在head的write都是在body頂部展示的。

頁面在loaded狀態，即使沒有調用document.open,document.write操作也會自動調用document.open方法從而將頁面清空了。有的同學說將document.open=function(){}是不是可以避免，結論是No。

Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document.

所以使用document.write一定要知道執行的時機。

疑問

如果在一個指定位置異步加載多家的廣告代碼，如何實現呢？想知道答案下回分解。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80033.html

document.write知多少

摘要：原生的里絕對是重量級的。第二個案例，如果是異步引入的加或者動態加入的，里面的因安全原因是無法工作的。頁面在狀態，即使沒有調用操作也會自動調用方法從而將頁面清空了。有的同學說將是不是可以避免，結論是。所以使用一定要知道執行的時機。原生JavaScript的API里document.write絕對是重量級的。如果大家對他的使用場景、注意事項、原理等不明晰，歡迎閱讀本文。使用場景 ...

ARGUS 2019-08-29 11:04 評論0 收藏0
document.write知多少

摘要：原生的里絕對是重量級的。第二個案例，如果是異步引入的加或者動態加入的，里面的因安全原因是無法工作的。頁面在狀態，即使沒有調用操作也會自動調用方法從而將頁面清空了。有的同學說將是不是可以避免，結論是。所以使用一定要知道執行的時機。原生JavaScript的API里document.write絕對是重量級的。如果大家對他的使用場景、注意事項、原理等不明晰，歡迎閱讀本文。使用場景 ...

TNFE 2019-08-01 15:33 評論0 收藏0
JavaScript函數的一些注意要點

摘要：函數函數的基本語法是下面是個示例另外，任何函數在任何時候都可以通過語句后跟要返回的值來實現返回值。如另外，可以與命名參數一起使用。如不會執行第一個函數兩個參數相加，只執行最后一個同名的函數第一個參數加上函數函數的基本語法是： function functionName(arg0,arg1,...,argN) { statements } 下面是個示例： function...

caiyongji 2019-08-21 10:46 評論0 收藏0
練習一個日歷例子,輸出一個日歷,顯示當前日期為紅色

摘要：練習一個日歷例子輸出一個日歷顯示當前日期為紅色主要的理解和掌握點是使用函數根據天數計算日歷的長度主要是行因為列是固定的一周只有天根據天數計算各天放置的單元格位置每月第一天的特殊處理很多時候是從索引開始計算例如代表個月之類一個包括個月的天數練習一個日歷例子,輸出一個日歷,顯示當前日期為紅色主要的理解和掌握點是: 使用Date()函數根據天數計算日歷的長度,主要是行,因為列是固定的,...

AprilJ 2019-08-20 13:55 評論0 收藏0
JavaScript數據類型的一些注意要點

摘要：如類型除了可以以十進制表示之外，整數還可以通過八進制或者十六進制的字面值來表示，其中八進制字面值的第一位必須是，然后是八進制數字序列。 Javascript 數據類型 ECMAscript 中有5種簡單的數據類型，也被稱為基本數據類型：Undefined、Null、Boolean、Number和String。還有一種復雜的數據類型——Object。 Undefined 類型在使用va...

Tonny 2019-08-21 10:46 評論0 收藏0