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 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
JavaScript实现时间表动态效果
Jul 15 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
用于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
咖啡常见的种类
2021/03/03 新手入门
PHP4中session登录页面的应用
2008/07/25 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
stripos函数知识点实例分享
2019/02/11 PHP
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
document.write的几点使用心得
2014/05/14 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
Python读取mp3中ID3信息的方法
2015/03/05 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
Pytorch之parameters的使用
2019/12/31 Python
python numpy数组中的复制知识解析
2020/02/03 Python
python统计字符的个数代码实例
2020/02/07 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
使用pygame实现垃圾分类小游戏功能(已获校级二等奖)
2020/07/23 Python
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
元旦晚会邀请函
2014/02/01 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
警察群众路线整改措施
2014/09/26 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
班级联欢会主持词
2015/07/03 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android