JavaScript window.open()详解

一、window.open()支持环境:

JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、基本语法:

window.open(pageURL,name,parameters) 
//pageURL 为子窗口路径,name 为子窗口句柄,parameters 为窗口参数(各参数用逗号分隔)

三、示例:

window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束
四、各项参数:

其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数取值范围说明
alwaysLowered  yes/no指定窗口隐藏在所有窗口之后
alwaysRaised    yes/no 指定窗口悬浮在所有窗口之上
depended    yes/no 是否和父窗口同时关闭
directories    yes/no  Nav2和3的目录栏是否可见
heightpixel value 窗口高度
hotkeys    yes/no在没菜单栏的窗口中设安全退出热键
innerHeight    pixel value 窗口中文档的像素高度
innerWidth    pixel value 窗口中文档的像素宽度
location    yes/no  位置栏是否可见
menubar    yes/no  菜单栏是否可见
outerHeight    pixel value设定窗口(包括装饰边框)的像素高度
outerWidthpixel value设定窗口(包括装饰边框)的像素宽度
resizable    yes/no窗口大小是否可调整
screenX    pixel value窗口距屏幕左边界的像素长度
screenY    pixel value窗口距屏幕上边界的像素长度
scrollbars    yes/no窗口是否可有滚动栏
titlebar    yes/no窗口题目栏是否可见
toolbar    yes/no窗口工具栏是否可见
Width    pixel value窗口的像素宽度
z-look yes/no窗口被激活后是否浮在其它窗口之上

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`window.open()` 方法是 JavaScript 中的一个内置方法,用于在浏览器中打开一个新的窗口或标签页。这个方法的语法是: ```javascript window.open(url, name, features, replace); ``` 其中,各个参数的含义如下: - `url`:要打开的 URL 地址。可以是任何有效的 URL,包括 HTTP、HTTPS、FTP 等协议。 - `name`:新窗口的名称。可以是任何字符串,通常用于在后续的脚本中引用该窗口。如果指定的名称已经存在,则会在该窗口中打开该 URL,而不是新建一个窗口。 - `features`:一个逗号分隔的字符串,指定新窗口的一些特性。这个字符串中可以包含以下属性: - `width`:窗口的宽度; - `height`:窗口的高度; - `top`:窗口距离屏幕顶部的距离; - `left`:窗口距离屏幕左侧的距离; - `menubar`:是否显示菜单栏; - `toolbar`:是否显示工具栏; - `location`:是否显示地址栏; - `status`:是否显示状态栏; - `resizable`:是否允许用户调整窗口大小; - `scrollbars`:是否显示滚动条。 - `replace`:一个布尔值,指定新打开的 URL 是否替换当前页面的历史记录。如果为 `true`,则新的 URL 会替换当前页面的历史记录,用户点击浏览器的“返回”按钮时会回到上一个页面;如果为 `false`,则新的 URL 会添加到当前页面的历史记录中,用户点击浏览器的“返回”按钮时会回到上一个 URL。 下面是一些 `window.open()` 方法的使用示例: ```javascript // 在新窗口中打开百度首页 window.open('https://www.baidu.com'); // 在新窗口中打开一个指定大小和位置的网页 window.open('https://www.example.com', 'example', 'width=400,height=300,top=100,left=100'); // 在新标签页中打开一个 PDF 文件 window.open('https://www.example.com/file.pdf', '_blank'); ``` 需要注意的是,由于弹出窗口的滥用已经成为了一个安全问题,现代浏览器通常会默认阻止 `window.open()` 方法的调用,除非是在用户的交互下触发的。因此,在实际的开发中,我们需要谨慎使用这个方法,避免被浏览器误认为是恶意行为。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值