document.open() 与 document.write()的区别

 更新时间:2007年08月13日 19:53:13   作者:  
document.open()  打开一个新的空白文档,在IE下,open有两个默认参数,相当于document.open("text/html",'""),第二个参数只有一个值可选:replace,如果启用了该值,则新建的文档会覆盖当前页面的文档(相当于清空了原文档里的所有元素,且不能后退即,浏览器的后退按钮不可用);
看一个例子:

<SCRIPT LANGUAGE="JavaScript">
<!--
function test(){
 document.open("text/html","replace");
 document.writeln(Math.random());
 document.write("<input type='button' value='back(第二个按钮)' onclick='history.back()'>")
 document.close();
 document.open("text/html","");
 document.writeln(Math.random());
 document.write("<input type='button' value='back(第三个按钮)' onclick='history.back()'>")
 document.close();
 document.open("text/html","");
 document.writeln(Math.random());
 document.write("<input type='button' value='back(第四个按钮)' onclick='history.back()'>")
 document.close();
}
//-->
</SCRIPT>
<input type="button" value="第一个按钮" onclick="test()">

平常都不写document.open() 与 document.close(),因为浏览器会在write之前先open一个文档,再把write的内容输出到原文档里面。write结束后,默认是不会有close的,否则第二行document.write的时候就会覆盖之前的write。

相关文章

  • E3 tree 1.6在Firefox下显示问题的修复方法

    E3 tree 1.6在Firefox下显示问题的修复方法

    tree 在Firefox下只显示一句话,用firebug查看页面元素观察发现,两个script导入被一个<script>分隔开了,显然是document.write的问题.由于Firefox对js规范的检查比较严格,肯定一些字符输出的的时候没有转义
    2013-01-01
  • window.open()详解及浏览器兼容性问题示例探讨

    window.open()详解及浏览器兼容性问题示例探讨

    这篇文章主要介绍了window.open()的使用及浏览器兼容性问题方面的知识,感兴趣的朋友可以参考下
    2014-05-05
  • javascript的BOM汇总

    javascript的BOM汇总

    本文给大家汇总了一些javascript的BOM相关方法,有需要的小伙伴可以参考下。
    2015-07-07
  • js微信分享API

    js微信分享API

    这篇文章主要为大家详细介绍了js微信分享实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • [HTML/CSS/Javascript]WWTJS

    [HTML/CSS/Javascript]WWTJS

    [HTML/CSS/Javascript]WWTJS...
    2007-09-09
  • javascript面向对象特性代码实例

    javascript面向对象特性代码实例

    这篇文章主要介绍了javascript面向对象特性代码实例,包括类、静态成员、对象、重载,需要的朋友可以参考下
    2014-06-06
  • JavaScript中字符串与Unicode编码互相转换的实现方法

    JavaScript中字符串与Unicode编码互相转换的实现方法

    这篇文章主要介绍了JavaScript中字符串与Unicode编码互相转换的实现方法涉及JavaScript编码、数据类型等的转换技巧,需要的朋友可以参考下
    2015-12-12
  • Js判断CSS文件加载完毕的具体实现

    Js判断CSS文件加载完毕的具体实现

    在多数情况下我们不需要判断css文件是否加载成功了,但有些时间这个功能还是需要的,今天我来整理了兼容各种浏览器的判断CSS文件加载完毕实现方法与各位分享
    2014-01-01
  • JavaScript中valueOf函数与toString方法深入理解

    JavaScript中valueOf函数与toString方法深入理解

    基本上,所有JS数据类型都拥有valueOf和toString这两个方法,null除外。它们俩解决javascript值运算与显示的问题,本文将详细介绍,有需要的朋友可以参考下
    2012-12-12
  • js+css实现打字效果

    js+css实现打字效果

    这篇文章主要为大家详细介绍了js+css打字效果的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04

最新评论