Window.open()总结

作用：open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法：window.open(URL,name,specs,replace)；

参数

说明

URL

可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

name

可选。指定target属性或窗口的名称。支持以下值：

• _blank - URL加载到一个新的窗口。这是默认
• _parent - URL加载到父框架
• _self - URL替换当前页面
• _top - URL替换任何可加载的框架集
• name - 窗口名称

specs

可选。一个逗号分隔的项目列表。支持以下值：

channelmode=yes|no|1|0	是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
directories=yes|no|1|0	是否添加目录按钮。默认是肯定的。仅限IE浏览器
fullscreen=yes|no|1|0	浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器
height=pixels	窗口的高度。最小.值为100
left=pixels	该窗口的左侧位置
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应用程序或一个值得信赖的对话框.默认值是yes
toolbar=yes|no|1|0	是否显示浏览器工具栏.默认值是yes
top=pixels	窗口顶部的位置.仅限IE浏览器
width=pixels	窗口的宽度.最小.值为100

replace

Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

• true - URL 替换浏览历史中的当前条目。
• false - URL 在浏览历史中创建新的条目。

1、关闭窗口： window.close();

eg: 

var myWindow; //全局变量

if(myWindow) myWindow.close(); //先关后开

 

//路径中通过get方式传参，打开新窗口 且限制打开窗口宽高以及不允许设置窗口大小

myWindow = window.open('XXX?startTime='+startTime+'&endTime='+endTime+'&maId='+maId+'&daId='+id,'_blank','height=600,width=600,resizable=no');

 

2、获取路径中参数：

 

以 获取 myWindow 的url 参数为例：

 

function getSearch(str) {

　　if (!str) return;

　　str = decodeURI(str);//这个方法是给URL进行解析，解决中文乱码问题

　　str = str.slice(1);

　　let arr = str.split("&")，

 　　   obj = {};

　　for (let i = 0; i < arr.length; i++) {

　　　　arr[i] = arr[i].split("=");

　　　　obj[arr[i][0]] = arr[i][1];

　　}

　　return obj;

}

 

getSearch(location.search); //执行此方法   注意:  location.search 是设置或获取 网页地址跟在问号后面的部分；

 

 

ps：每天进步一点点，拥抱幸福是必然；