document.write知多少

ARGUS 發(fā)布于2019-08-29 11:04 / 2418人閱讀

摘要：原生的里絕對(duì)是重量級(jí)的。第二個(gè)案例，如果是異步引入的加或者動(dòng)態(tài)加入的，里面的因安全原因是無(wú)法工作的。頁(yè)面在狀態(tài)，即使沒(méi)有調(diào)用操作也會(huì)自動(dòng)調(diào)用方法從而將頁(yè)面清空了。有的同學(xué)說(shuō)將是不是可以避免，結(jié)論是。所以使用一定要知道執(zhí)行的時(shí)機(jī)。

原生JavaScript的API里document.write絕對(duì)是重量級(jí)的。如果大家對(duì)他的使用場(chǎng)景、注意事項(xiàng)、原理等不明晰，歡迎閱讀本文。

使用場(chǎng)景

第三方合作


    
    iframe
    
    ul[列表內(nèi)容]

如果這段代碼放在前端處理，不使用后端模板，用document.write可以輕松實(shí)現(xiàn)，當(dāng)然實(shí)現(xiàn)的方式很多種，這里只是說(shuō)明document.write可以勝任。

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

body中

同步j(luò)s

異步j(luò)s

接下來(lái)我們看下document.write的工作原理。

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

頁(yè)面在loaded狀態(tài)，即使沒(méi)有調(diào)用document.open,document.write操作也會(huì)自動(dòng)調(diào)用document.open方法從而將頁(yè)面清空了。有的同學(xué)說(shuō)將document.open=function(){}是不是可以避免，結(jié)論是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一定要知道執(zhí)行的時(shí)機(jī)。

疑問(wèn)

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111403.html

相關(guān)文章

document.write知多少

摘要：原生的里絕對(duì)是重量級(jí)的。第二個(gè)案例，如果是異步引入的加或者動(dòng)態(tài)加入的，里面的因安全原因是無(wú)法工作的。頁(yè)面在狀態(tài)，即使沒(méi)有調(diào)用操作也會(huì)自動(dòng)調(diào)用方法從而將頁(yè)面清空了。有的同學(xué)說(shuō)將是不是可以避免，結(jié)論是。所以使用一定要知道執(zhí)行的時(shí)機(jī)。原生JavaScript的API里document.write絕對(duì)是重量級(jí)的。如果大家對(duì)他的使用場(chǎng)景、注意事項(xiàng)、原理等不明晰，歡迎閱讀本文。使用場(chǎng)景 ...

syoya 2019-08-20 10:11 評(píng)論0 收藏0
document.write知多少

摘要：原生的里絕對(duì)是重量級(jí)的。第二個(gè)案例，如果是異步引入的加或者動(dòng)態(tài)加入的，里面的因安全原因是無(wú)法工作的。頁(yè)面在狀態(tài)，即使沒(méi)有調(diào)用操作也會(huì)自動(dòng)調(diào)用方法從而將頁(yè)面清空了。有的同學(xué)說(shuō)將是不是可以避免，結(jié)論是。所以使用一定要知道執(zhí)行的時(shí)機(jī)。原生JavaScript的API里document.write絕對(duì)是重量級(jí)的。如果大家對(duì)他的使用場(chǎng)景、注意事項(xiàng)、原理等不明晰，歡迎閱讀本文。使用場(chǎng)景 ...

TNFE 2019-08-01 15:33 評(píng)論0 收藏0
JavaScript函數(shù)的一些注意要點(diǎn)

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

caiyongji 2019-08-21 10:46 評(píng)論0 收藏0
練習(xí)一個(gè)日歷例子,輸出一個(gè)日歷,顯示當(dāng)前日期為紅色

摘要：練習(xí)一個(gè)日歷例子輸出一個(gè)日歷顯示當(dāng)前日期為紅色主要的理解和掌握點(diǎn)是使用函數(shù)根據(jù)天數(shù)計(jì)算日歷的長(zhǎng)度主要是行因?yàn)榱惺枪潭ǖ囊恢苤挥刑旄鶕?jù)天數(shù)計(jì)算各天放置的單元格位置每月第一天的特殊處理很多時(shí)候是從索引開(kāi)始計(jì)算例如代表個(gè)月之類(lèi)一個(gè)包括個(gè)月的天數(shù) 練習(xí)一個(gè)日歷例子,輸出一個(gè)日歷,顯示當(dāng)前日期為紅色主要的理解和掌握點(diǎn)是: 使用Date()函數(shù) 根據(jù)天數(shù)計(jì)算日歷的長(zhǎng)度,主要是行,因?yàn)榱惺枪潭ǖ?...

AprilJ 2019-08-20 13:55 評(píng)論0 收藏0
JavaScript數(shù)據(jù)類(lèi)型的一些注意要點(diǎn)

摘要：如類(lèi)型除了可以以十進(jìn)制表示之外，整數(shù)還可以通過(guò)八進(jìn)制或者十六進(jìn)制的字面值來(lái)表示，其中八進(jìn)制字面值的第一位必須是，然后是八進(jìn)制數(shù)字序列。 Javascript 數(shù)據(jù)類(lèi)型 ECMAscript 中有5種簡(jiǎn)單的數(shù)據(jù)類(lèi)型，也被稱(chēng)為基本數(shù)據(jù)類(lèi)型：Undefined、Null、Boolean、Number和String。還有一種復(fù)雜的數(shù)據(jù)類(lèi)型——Object。 Undefined 類(lèi)型在使用va...

Tonny 2019-08-21 10:46 評(píng)論0 收藏0