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中string转date示例代码
Nov 01 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
jstree的简单实例
Dec 01 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
用于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(1) php开发环境配置
2010/02/15 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
JavaScript中标识符提升问题
2015/06/11 Javascript
javascript实现类似百度分享功能的方法
2015/07/27 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
2017/07/15 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
详解python中sort排序使用
2019/03/23 Python
python实现文件的备份流程详解
2019/06/18 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
党委书记岗位职责
2013/11/24 职场文书
自动化专业个人求职信范文
2013/12/30 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
什么是就业协议书
2014/04/17 职场文书
社区护士演讲稿
2014/08/27 职场文书
办公室管理规章制度
2015/08/04 职场文书
创业计划书之农家乐
2019/10/09 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书