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


Posted in Javascript onAugust 13, 2007

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。

Javascript 相关文章推荐
js loading加载效果实现代码
Nov 24 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
jquery中post方法用法实例
Oct 21 Javascript
利用js的闭包原理做对象封装及调用方法
Apr 07 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
axios简单实现小程序延时loading指示
Jul 30 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
javascript canvas实现雨滴效果
Jun 09 Javascript
js小技巧--自动隐藏红叉叉
Aug 13 #Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 #Javascript
用js实现随机返回数组的一个元素
Aug 13 #Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 #Javascript
用JavaScript 处理 URL 的两个函数代码
Aug 13 #Javascript
增强的 JavaScript 的 trim 函数的代码
Aug 13 #Javascript
让回调函数 showResponse 也带上参数的代码
Aug 13 #Javascript
You might like
解析php中memcache的应用
2013/06/18 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
thinkphp5使html5实现动态跳转的例子
2019/10/16 PHP
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
解决jQuery插件tipswindown与hintbox冲突
2010/11/05 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
JavaScript调试工具汇总
2014/12/23 Javascript
JavaScript DOM基础
2015/04/13 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
深入理解JS中的Function.prototype.bind()方法
2016/10/11 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
用xpath获取指定标签下的所有text的实例
2019/01/02 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
python help函数实例用法
2020/12/06 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
企业门卫岗位职责
2013/12/12 职场文书
质检部职责
2013/12/28 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
小班上学期幼儿评语
2014/12/30 职场文书
社区服务理念口号
2015/12/25 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
Flask response响应的具体使用
2021/07/15 Python