vue中使用window.open()参数详解
打开新窗口有多种情况:①在当前页面弹出新窗口 ②在浏览器新打开一个标签页 ③替换当前页面下面为大家介绍一下使用window.open()如何实现这两种情况。1.window.open()有三个参数windows.open("URL","name","configuration");URL:为要新打开页面的urlname:为新打开窗口的名字,可以通过此名字获取该窗口对象configuration:为
打开新窗口有多种情况:
①在当前页面弹出新窗口 ②在浏览器新打开一个标签页 ③替换当前页面
下面为大家介绍一下使用window.open()如何实现这两种情况。
1.window.open()有三个参数
windows.open("URL","name","configuration");
URL:为要新打开页面的url
name:为新打开窗口的名字,可以通过此名字获取该窗口对象
configuration:为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息
2.举例说明
新打开一个没有菜单栏、标题栏、工具栏,但是有滚动条、状态栏、地址栏且可伸缩窗口
window.open
(
//第一个参数
"index.html",
//第二个参数
"newWindow",
//第三个参数
"width=1024, height=700,
top=0, left=0,
titlebar=no, menubar=no,
scrollbars=yes,
resizable=yes,
status=yes, ,
toolbar=no,
location=yes"
);
window.open 弹出新窗口的命令;
‘index.html’ 弹出窗口的文件名;
‘newWindow’ 弹出窗口的名字(不是文件名),非必须,可用空’'代替;
width=1024 窗口宽度;
height=700 窗口高度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
titlebar=no 是否显示标题栏,被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes;
menubar=no 表示菜单栏,默认值是yes;
scrollbars=yes 是否显示滚动条,默认值是yes;
resizable=no 是否允许改变窗口大小,默认值是yes;
status=no 是否要添加一个状态栏,默认值是yes;
toolbar=no 是否显示工具栏,默认值是yes;
location=no 是否显示地址栏,默认值是yes;
3.第二个参数详解
_blank 表示新开一个窗口
_parent表示父框架窗口
_self表示覆盖该窗口
4.第三个参数详解
①window.open(url)或者window.open(url, name),其中name为_blank
标准浏览器、新标签打开链接url
②window.open(url, name, configration)
只要配置了configration,都是新窗口打开链接的
更多推荐
所有评论(0)