window.open() 打开一个特定的URL,接受四个参数:要加载的URL、窗口目标、一个特殊性字符串、一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。通常只须传第一个参数,最后一个参数只在不打开新窗口的情况下使用。
如果window.open()传了第二个参数,而且该参数是已有窗口或框架的名称,那么就会在具有该名称的窗口或框架中加载第一个参数指定的URL。
//等同于 <a href="http://www.wrox.com" target="topFrame"></a>
window.open("http://www.wrox.com","topFrame");
如果有target属性为“topFrame”的窗口或框架,就会在该窗口或框架加载这个URL,否则就会创建一个新窗口并将其命名为“topFrame”。第二个参数也可以是下列任何一个特殊的窗口名称:_self、_parent、_top、_blank。
弹出窗口
如果window.open()传递的第二个参数并不是一个已经存在的窗口或框架,那么该方法就会根据在第三个参数位置上传入的字符串创建一个新窗口或新标签页。如果没有传入第三个参数,那么就会打开一个带有全部默认设置(工具栏、地址栏和状态栏等)的新窗口浏览器窗口(或者打开一个新标签页一一根据浏览器设置)。在不打开新窗口的情况下,就会忽略第三个参数。
第三个参数是一个逗号分隔的设置字符串,表示在新窗口中都显示那些特性。具体可设置项如下:
设置 | 值 | 说明 |
---|---|---|
fullscreen | yes或no | 表示浏览器窗口是否最大化。仅限IE |
height | 数值 | 表示新窗口的高度。不能小于100 |
left | 数值 | 表示新窗口的左坐标。不能是负值 |
location | yes或no | 表示是否在浏览器窗口中显示地址栏。不同浏览器的默认值不同。如果设置no,地址栏可能会隐藏,也可能会被禁用(取决于浏览器) |
menubar | yes或no | 表示是否在浏览器窗口中显示菜单栏。默认值为no |
resizable | yes或no | 表示是否可以通过拖动浏览器窗口的边框改变其大小。默认值为no |
scrollbars | yes或no | 表示如果内容在视口中显示不下,是否允许滚动。默认值为no |
status | yes或no | 表示是否在浏览器窗口中显示状态栏。默认值为no |
toolbar | yes或no | 表示是否在浏览器窗口中显示工具栏。默认值为no |
top | 数值 | 表示新窗口的上坐标。不能是负值 |
width | 数值 | 表示新窗口的宽度。不能小于100 |
例如:
var wroxWin=window.open("http://www.wrox.com","wrxoWindow","height=400,width=400,top=10,left=10,resizable=yes");
//调用close()方法还可以关闭新打开的窗口
wroxWin.close();
使用window.open()方法打开的窗口可以使用,top.close()在不经用户允许的情况下关闭自己。
属性名 | 例子 | 说明 |
---|---|---|
hash | "#contents" | 返回URL中的hash(#号后跟零活多个字符),如果URL中不包含散列,则返回空字符串 |
host | "www.wrox.com:80" | 返回服务器名称和端口号(如果有) |
hostname | "www.wrox.com" | 返回不带端口号的服务器名称 |
href | "http://www.wrox.com" | 返回当前加载页面的完整URL。而location对象的toString()方法也返回这个值 |
pathname | "/WileyCDA/" | 返回URL中的目录或文件名 |
port | "8080" | 返回URL中指定的端口号。如果URL中不包含端口号,则这个属性返回空字符串 |
protocol | "http:" | 返回页面使用的协议。通常是是http:或https: |
search | "?q=javascript" | 返回URL的查询字符串。这个字符串以问号开头 |
每次修改location的属性(hash除外),页面都会以新URL 重新加载
window.location.reload(); //重新加载(有可能从缓存中加载)
window.location.reload(true); //重新加载(从服务器重新加载)
位于reload()调用之后的代码可能会也可能不会执行,这要取决于网略延迟或系统资源等因素,为此,最好将reload()放在代码的最后一行。
原文:https://www.cnblogs.com/jiaoshou/p/12363810.html