网站建设监理,重庆有多少网站,app定制开发运营推广方案,青岛网站定制我们写的项目是后台管理的话#xff0c;当在当前窗口打开一个新窗口
1、方式1: window.location.href
例#xff1a; window.location.hrefhttps://www.cnblogs.com/guorongtao/; //在当前窗口中打开窗口vue中window.location.hrefhttps://www.cnblogs.com/guoron…
我们写的项目是后台管理的话当在当前窗口打开一个新窗口
1、方式1: window.location.href
例 window.location.hrefhttps://www.cnblogs.com/guorongtao/; //在当前窗口中打开窗口vue中window.location.hrefhttps://www.cnblogs.com/guorongtao/; //js中类似于HTML:a hrefhttps://www.cnblogs.com/guorongtao/ title测试1Welcome Test1/a
2、方式2: window.open
例 window.open(https://www.cnblogs.com/guorongtao/); //在另外新建窗口中打开窗口vue中window.open(https://www.cnblogs.com/guorongtao/); //在js中类似于HTEL:a hrefhttps://www.cnblogs.com/guorongtao/ title测试2 target_blankWelcome Test2/a 指定参数
script var NewUrl www.baidu.com ; window.open(NewUrl,newindow,height600,width900,top0,left0,toolbarno,menubarno,scrollbarsno,resizableno,locationno,statusno);/script
参数说明
NewUrl // 弹出窗口的地址 newwindow //弹出窗口的名字非必须可用空代替 height600 //窗口高度 width900 //窗口宽度 top0 //窗口距离屏幕上方的象素值 left0 //窗口距离屏幕左侧的象素值 toolbarno //是否显示工具栏yes为显示 menubarscrollbars //表示菜单栏和滚动栏。 resizableno //是否允许改变窗口大小yes为允许 locationno //是否显示地址栏yes为允许 statusno //是否显示状态栏内的信息yes为允许 3、方式3 window.showModalDialog (部分浏览器不支持) var URLhttps://www.cnblogs.com/guorongtaowindow.showModalDialog(URL,,DialogLeft:170px;DialogTop:130px;DialogWidth:930px;DialogHeight:753px;status:no;help:no);
原型
vReturnValue window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 参数说明 sURL //必选参数类型字符串。用来指定对话框要显示的文档的URL。 vArguments //可选参数类型变体。用来向对话框传递参数。传递的参数类型不限包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。 sFeatures //可选参数类型字符串。用来描述对话框的外观等信息可以使用以下的一个或几个用分号“;”隔开。 dialogHeight// 对话框高度不小于100px中dialogHeight 和 dialogWidth 默认的单位是em而中是px为方便其见在定义modal方式的对话框时用px做单位。 dialogWidth: //对话框宽度。 dialogLeft: //距离桌面左的距离。 dialogTop: //离桌面上的距离。 center: {yes | no | 1 | 0 }//窗口是否居中默认yes但仍可以指定高度和宽度。 help: {yes | no | 1 | 0 }//是否显示帮助按钮默认yes。 resizable: {yes | no | 1 | 0 } //是否可被改变大小。默认no。 status: {yes | no | 1 | 0 } IE5//是否显示状态栏。默认为yes[ Modeless]或no[Modal]。 scroll:{ yes | no | 1 | 0 | on | off }//指明对话框是否显示滚动条。默认为yes。
另外几个属性用在HTA中的在一般的网页中一般不使用。 dialogHide:{ yes | no | 1 | 0 | on | off }//在打印或者打印预览时对话框是否隐藏。默认为no。 edge:{ sunken | raised }//指明对话框的边框样式。默认为raised。 unadorned:{ yes | no | 1 | 0 | on | off }//默认为no。
4、Window 其他参考
window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() -移动当前窗口window.resizeTo() -重新调整当前窗口
