HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开源代码 查看内容

document.write知多少

2016-8-8 10:53| 发布者: microHTML| 查看: 2124| 评论: 0|来自: segmentfault.com

摘要: 原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰,欢迎阅读本文。

  使用场景

  第三方合作

     iframe      ul[列表内容]   

  如果这段代码放在前端处理,不使用后端模板,用document.write可以轻松实现,当然实现的方式很多种,这里只是说明document.write可以胜任。

     

  广告

  一般广告代码中都是使用document.write来加载第三方广告,比如百度联盟的广告。通常都是这样用。

 


 


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

  疑问

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


原作者: 快乐动起来

原文链接:https://segmentfault.com/a/1190000006197157


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-5-23 09:20

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部