`
alexcheng
  • 浏览: 178058 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

document.write简单介绍

阅读更多

有段时间没有写技术相关的东西了,今天就写一写document.write
 
一般来说,在我们日常的开发中,比较少会和document.write这个方法打交道。不过document.write在引人第三方的脚本库的时候非常常用。比如经常的写法是用一个<script>标签添加一个JavaScript文件,然后就可以生成出来很多内容。这种做法在Google Map等地图类的库上都用到了。在这个JavaScript文件里面就是用的document.write来输出额外的<script>元素、CSS链接和各种DOM元素的。
 
这里需要注意的是document.write只在页面正在加载中的时候起作用。如果在页面已经加载完成之后,再调用document.write的话,会冲掉当前页面的所有内容。这显然不是一个理想的行为。这就使得延迟加载很多JavaScript库变得复杂起来,不能简单的在页面加载完成之后通过动态创建<script>元素来加载,因为那样会导致页面的内容被冲掉。
 
如果你只是希望简单的显示一些东西,可以创建一个iframe,在iframe里面来引入JavaScript库。这样的话改变的是iframe里面的内容,对当前页面没有影响。
 
下面是一些有用的链接:

 

0
0
分享到:
评论

相关推荐

    图库新版jQuery焦点图 JS代码

    document.write('&lt;script type="text/javascript" &gt;BAIDU_CLB_SLOT_ID = "288992";&lt;/script&gt;'); document.write(ojs);} if (code=="top210x90_2"){ document.write('&lt;script type="text/javascript" &gt;BAIDU_CLB_SLOT...

    从零开始学习jQuery

    jQuery一个前台js的框架,很好用,简单效果好,强大的封装好的方法,容易上手~你值得拥有

    js使用小技巧

    禁止选取&lt;body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...

    BootstrapPager:一个非常精巧的javascript实现的Bootstrap分页插件,您不需要依赖任何第三方类库,只需要通过简单的引用调用,即可实现动态显示Bootstrap分页组件

    一个精美的Bootstrap分页插件这是一个JavaScript实现引导分页插件,很精致小巧,你不需要依赖任何第三方库,只能通过简单的引用调用,您可以动态显示引导分页组件。样式依赖 (v3.0或更高版本)用法下载。 将dist / ...

    精通JavaScript

    • 11.3.htm 未省略window的document.write()方法 • 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7....

    JS调试-Console命令详解

    Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World")...

    数据库课程设计 :25175图书管理借阅系统v2.0 采用: Asp + Access 制作的系统。

    25175图书管理借阅系统v2.0 采用: Asp + Access 制作的系统。 ... 实现了图书分类、图书添加、图书管理、借书会员管理、借书管理、还书管理、书本废弃管理 ...document.write(password()); &lt;/SCRIPT&gt;

    HTML 完全使用详解(配实例)

    HTML网页设计,实例学习 给出一个简单例子 &lt;title&gt;HTML示例 document.write("Hello World!"); &lt;/html&gt;

    无限菜单之 xml+popup 版(IE5.5+)

    // 要清空原Popup中的数据——document.write()方法是接着原来的内容往里面写,所以如果不清空会出现重复数据 oPopup = document.parentWindow.createPopup(); // 恢复前一个菜单项的状态 ItemNormal...

    EspruinoWebTools:从网站访问Espruino设备的工具实用程序

    超级简单的库,可直接从Web浏览器访问Bluetooth LE,串行和USB Espruino设备。 UART.write('LED1.set();\n'); imageconverter.js 该库可帮助将图像转换为适合Espruino的格式。 var img = document....

    ASP.Net.Web程序设计

    《WEB程序设计》复习答疑 1、当前主要的WEB数据库访问技术有哪些... {document.write("你输入的是正数")} else {if(x==0) {document.write("你输入的是零")} else {document.write("你输入的是负数")} } &lt;/html&gt;

    ZendFramework中文文档

    Cascading Write Operations 10.8.6.1. Notes Regarding Cascading Operations 11. Zend_Debug 11.1. 输出变量的值 (Dumping Variables) 12. Zend_Exception 12.1. 使用“异常” 13. Zend_Feed 13.1. 介绍 ...

    For-Nikola-Tesla:专为尼古拉·特斯拉(Nikola Tesla)设计。 尼古拉·特斯拉的话可用

    添加简单的单词通过在Javascript中添加随机词,可以在不同的项目中使用它。 typhoon [ 0 ] = "words" ;typhoon [ 1 ] = "words" ;typhoon [ 2 ] = "words" ;... 设置单词开始和结束的固定文本。 document . write ( ...

    基于JAVA的搜索引擎 lucene-2.2.0

    简单做个测试吧: package org.shirdrn.lucene; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache....

    css 换肤源码 加简易教程

    '&gt;&lt;IMG SRC='image1/write.gif' /&gt; &lt;span class='font_12'&gt;书写模块书写模块书写模块书写模块&lt;/span&gt;&lt;br /&gt;书写模块书写模块书写模块书写模块&lt;/span&gt;&lt;br /&gt;书写模块书写模块书写模块书写模块&lt;/span&gt;&lt;br /&gt;书写...

    Python 中文手册

    For a description of standard objects and modules, see the Python Library Reference document. The Python Reference Manual gives a more formal definition of the language. To write extensions in C or ...

    jquery插件使用方法大全

    其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。 用jq的前提,首先要引用一个有jq的文件 ...

    JavaScript完全自学宝典 源代码

    示例描述:学习JavaScript中的document对象。 8.1.html 得到文档锚点对象数组。 8.2.html 获取并设置cookie信息。 8.3.html 获取文档标记的数组及相关操作。 8.4.html 获取location对象的属性值并...

    asp.net面试题

    document.write(c); 提示:Array.pop()函数将数组内最后一个元素移除并返回该元素 A.7 B.14 C.21 D.以上皆不正确 填空题(共4题): 一、C#中判断整型变量k是否偶数的语句: 二、有这样的枚举定义:public enum ...

    多选列表框动态添加,移动,删除,全选等操作的简单实例

    dim aa = split(Request.Form(“sourceList”),”,”)Response.Write “Source:” & Request.Form(“sourceList”) & ubound(a) & “ Object:” & Request.Form(“objectList”) & “ ”%&gt;&lt;html&gt;&lt;...

Global site tag (gtag.js) - Google Analytics