一、JavaScript 关于window.open()应用

网页都是建立在窗口之上的,任何有关网页的事情,都与窗口有关。下面首先让我们熟悉一下大家常用的Internet Explorer的基本结构。
  正常情况下,打开的窗口都有如下四部分:
  标题栏(title):该窗口显示标题的地方
  控制区:各种按键、菜单
  窗口:浏览器上最大的那一部分,不用多说了吧!
  状态栏(status):显示相应系统信息以及JavaScript信息的地方
在默认情况下,打开的新窗口都含有以上部分。但是当用到 windows.open()时,我们就可以控制新打开的窗口的风格了。
语法:
oNewDoc = document .open( sUrl [, sName ] [, sFeatures ] [, bReplace ] )
说明:
sURL
可选。字符串--指定新的文档的URL地址。如果没有指定这一项,那么将会是一个空的(about:blank)。
sName
可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。
blank
sURL 被加载到一个新的未命名的窗口。
_media
sURL 被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器)
_parent
sURL 被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同。
_search
sURL 被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器)
_self
sURL 在当前的窗口上打开,覆盖以前的内容。
_top
sURL 可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同。
sFeatures
可选。字符串--列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:"fullscreen=yes, toolbar=yes")。下面是被支持的各种特性。
channelmode = { yes | no | 1 | 0 }
是否在窗口中显示阶梯模式。默认为no
directories = { yes | no | 1 | 0 }
是否在窗口中显示各种按钮。默认为yes
fullscreen = { yes | no | 1 | 0 }
是否用全屏方式显示浏览器。默认为no。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单,你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。ALT+F4可以关闭窗口。一个全屏窗口必须使用阶梯(channelmode)模式。
height = number
指定窗口的高度,单位是像素。最小值是100。
left = number
指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。
location = { yes | no | 1 | 0 }
指定是否在窗口中显示地址栏。默认为yes
menubar = { yes | no | 1 | 0 }
指定是否在窗口中显示菜单栏。默认为yes
resizable = { yes | no | 1 | 0 }
指定是否在窗口中显示可供用户调整大小的句柄。默认为yes
scrollbars = { yes | no | 1 | 0 }
指定是否在窗口中显示横向或者纵向滚动条。默认为yes
status = { yes | no | 1 | 0 }
指定是否在窗口中显示状态栏。默认为yes
titlebar = { yes | no | 1 | 0 }
指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下,这一项将被忽略。默认为yes
toolbar = { yes | no | 1 | 0 }
指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes
top = number
指定窗口顶部的位置,单位是像素。值必须大于或者等于0。
width = number
指定窗口的宽度,单位是像素。最小值是100。
bReplace
可选。当sURL被加载到同一窗口时,这个布尔型变量指定是否这个sURL新建立一个条目,或者是加到目前该窗口的历史记录上。
true
sURL 覆盖当前文档的历史纪录。
false
sURL 在历史记录中建立一个新的条目。
  注释:
默认情况下,open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。
当一旦有特征参数被指定,其他没有被指定的特征参数全部被禁止。因此,当用到特征参数,就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数,那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外,还可以简单的罗列特征名称来使得窗口的相应特征有效。
  示例:
window. open("Sample.htm",null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no" );
在例子中,建立了一个包含Sample.htm的新窗口。这个新窗口有200像素宽和400像素高,拥有状态栏,但是没有工具栏、菜单栏和地址栏。以上就是相应代码。
  下面给出一个较为完整的例子,供大家参考新窗口的生成方法。
<html> <head> <title> Open Window</title> <script language="JavaScript">   function OpenWindow()   {      thisWin = window.open("", null, "width=300,height=400")      thisWin.document.write("<head><title>newWindow</title></head>")      thisWin.document.write("<body><center>This is a new window!</center></body>")    } </script> </head> <body> <center> <input type="button" value="Creat New Window" onClick="OpenWindow()"> </center> </body> </html>
例子中的this.document.write是向新生成的窗口中写入代码,如果不这样,新生成的窗口将会显示错误。
  生成新的窗口是比较简单的,大家只要熟练掌握上面介绍的特征,基本上就可以说掌握了新窗口的生成方法。

JavaScript之关于window.open()应用(一)相关推荐

  1. JavaScript函数与Window对象

     JavaScript函数与Window对象 一.函数的使用 函数的含义:类似于Java中的方法,是完成特定任务的代码语句块   ◆常用系统函数: parseInt ("字符串") ...

  2. JavaScript权威指南--window对象

    知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分 ...

  3. JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法

    原文:JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法 JS中关闭窗口的方法window.close()在IE上能够正常动作,而在FireFox和 ...

  4. JavaScript 中的 window onload 应该什么时候写

    JavaScript 中的 window onload 应该什么时候写 1. 页内式 JS 代码 1.1 页内式 JS 代码写在 head 内部 如果 script 标签写在 head 标签内部,则位 ...

  5. 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看.也给大家分享一下! 以下面写出自己认为有用的操作和代码. 第一次在园里面写,肯定有很多不足够之处,希望大家多多指点. 一. ...

  6. JavaScript中的Window窗口对象【转载】

    本文转载自:http://www.ijavascript.cn/jiaocheng/javascript-window-65.html 他是JavaScript中最大的对象,它描述的是一个浏览器窗口. ...

  7. javascript 中的window, document, screen都有什么区别?

    谷歌之后,从stackoverflow上找到的高赞答案: https://stackoverflow.com/questions/9895202/what-is-the-difference-betw ...

  8. javascript中的window.onload解释

    window.onload 我们都知道的是我们的前端页面都是从上向下加载,也就是说我们的javascript文件如果放在文本页面文件的上方,我们就会先加载javascript中的文件,而此时带来的问题 ...

  9. JavaScript中的window对象详解

    1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象. (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,do ...

最新文章

  1. 4g模块注册上网 移远_Openwrt实现4G模块上网功能
  2. POJ 2388 Who's in the Middle
  3. Winform中使用DevExpress时给控件添加子控件的方法
  4. 哎~~~又是RichTextBox
  5. ES6新特性之函数优化-函数属性简写、箭头函数和解构表达式结合使用
  6. oracle 中时间类型 date 与 long 互转
  7. 去除HTML标签--SQL写法
  8. [dp] LeetCode 91. Decode Ways
  9. 爬虫4-正则表达式及Python的re模块
  10. C++ 字符串复制函数substr
  11. 刺激!我31岁敲代码10年,明天退休!
  12. 关于垂直列行值转成水平行值及多列值转合并成单列值
  13. 使用C语言读写xlsx文件
  14. Windows网络编程之Socket高级编程简介
  15. 中国饭局上的座次讲究
  16. python 100以内3的倍数_在python中确定3或5的倍数
  17. 电子设计大赛-无线电类题目分析
  18. 解决eNSP“错误代码40”及AR设备启动失败问题
  19. 关于访问github时出现隐私设置错误您的连接不是私密连接问题的解决方案
  20. 网页前端之字幕滚动实现

热门文章

  1. python输出字符串和变量_python之字符串和变量
  2. 《把时间当作朋友:运用心智获得解放》读后
  3. 老王和的小王职场爆笑
  4. 智慧校园大数据云平台(2)
  5. pycharm 教程(一)安装和首次使用
  6. 哔哩哔哩弹幕网站大数据分析研究背景
  7. linux source 命令位置,linux中source命令的使用方法
  8. linux文件内容的替换
  9. oracle 解锁 账户_oracle用户解锁
  10. Android Doze