JavaScript窗口功能指南之在窗口中书写内容


Posted in Javascript onJuly 21, 2006

window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writeln()方法书写内容,它的语法是: 

oNewDoc = document.open(sMimeType[, sReplace]); 

sMineType是一个字符串,它定义了MIME类型。Navigator支持几种不同的MIME类型,但是Internet Explorer当前仅仅支持“text/html”。sMineType参数是可选的。第2个参数也是一个字符串,它定义了被书写的新文档是否要替换当前文档在历史记录中的位置。如果想达到替换目的,就使用字符串“replace”。 

“replace”基本上使用于拥有空文档或者“about:blank”URL的窗口。定义了“replace”后,write()方法就可以在这个窗口中创建HTML内容,并且替换当前URL在历史记录中的位置。如果没有定义“replace”,建立的HTML就有它自己的历史位置,用户可以点击后退按钮向前直到空为止。 

看看下面的脚本程序段: 

var oNewDoc = document.open("text/html", "replace"); 

var sMarkup = "<HTML><HEAD><TITLE>New Document</TITLE></HEAD>"; 

sMarkup += "<BODY>Hello, world!<BR><A HREF=´write.html´>Return</A></BODY></HTML>"; 

oNewDoc.write(sMarkup); 

oNewDoc.close(); 

如你所见,我们在新文档中包含了一个链接,所以你就可以返回这个页面。如果你点击了浏览器的后退按钮,浏览器就返回到这个页面之前的页面。因为我们使用了“replace”参数,新文档(被书写的文档)替换了当前文档在历史记录中的位置,所以点击后退按钮不会返回到当前页面(包含脚本程序的页面)。下面的按钮执行同样的脚本程序,但是没有“replace”参数,所以,你可以通过点击浏览器的后退按钮返回到这个页面。 

以下是这个按钮的源代码: 

Javascript 相关文章推荐
JavaScript 浮点数运算 精度问题
Oct 06 Javascript
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
Jan 02 Javascript
js改变Iframe中Src的方法
May 05 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 Javascript
vue.js+element 默认提示中英文操作
Nov 11 Javascript
用于table内容排序
Jul 21 #Javascript
脚本收藏iframe
Jul 21 #Javascript
document.all还是document.getElementsByName?
Jul 21 #Javascript
关于IFRAME 自适应高度的研究
Jul 20 #Javascript
怎么用javascript进行拖拽
Jul 20 #Javascript
繁简字转换功能
Jul 19 #Javascript
Javascript - HTML的request类
Jul 15 #Javascript
You might like
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
python 生成不重复的随机数的代码
2011/05/15 Python
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
介绍Python中的一些高级编程技巧
2015/04/02 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
基于python实现把图片转换成素描
2019/11/13 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
为什么python比较流行
2020/06/19 Python
python绘制雷达图实例讲解
2021/01/03 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
九州传奇上机题
2014/07/10 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
高中毕业自我鉴定
2013/12/13 职场文书
建筑个人求职信范文
2014/01/25 职场文书
交通安全温馨提示语
2015/07/14 职场文书
vue特效之翻牌动画
2022/04/20 Vue.js