document.write知多少

syoya 发布于2019-08-20 10:11 / 1957人阅读

摘要：原生的里绝对是重量级的。第二个案例，如果是异步引入的加或者动态加入的，里面的因安全原因是无法工作的。页面在状态，即使没有调用操作也会自动调用方法从而将页面清空了。有的同学说将是不是可以避免，结论是。所以使用一定要知道执行的时机。

原生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一定要知道执行的时机。

疑问

如果在一个指定位置异步加载多家的广告代码，如何实现呢？想知道答案下回分解。

服务器托管专线服务 document.write 超融合知乎自学算法知乎购买知了云

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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