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 相关文章推荐
js滚动条多种样式,推荐
Feb 05 Javascript
javascript深入理解js闭包
Jul 03 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
微信小程序 教程之注册程序
Oct 17 Javascript
禁用backspace网页回退功能的实现代码
Nov 15 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
vue监听对象及对象属性问题
Aug 20 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
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
深入理解JavaScript的React框架的原理
2015/07/02 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
javascript基础知识讲解
2017/01/11 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
2020/02/01 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
Python在线运行代码助手
2016/07/15 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
Python使用正则实现计算字符串算式
2019/12/29 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
python 获取字典键值对的实现
2020/11/12 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
html+css3实现的登录界面
2020/12/09 HTML / CSS
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
Java编程面试题
2016/04/04 面试题
Java程序员综合测试题
2014/04/25 面试题
企业宣传标语
2014/06/09 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
英文商务邀请函范文
2015/01/31 职场文书
避暑山庄导游词
2015/02/04 职场文书
联欢会开场白
2015/06/01 职场文书
勇敢的心观后感
2015/06/09 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
Python中npy和mat文件的保存与读取
2022/04/24 Python