Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog

我们写的项目是后台管理的话，当在当前窗口打开一个新窗口

1、方式1: window.location.href

例：


window.location.href=`https://www.cnblogs.com/guorongtao/`; //在当前窗口中打开窗口vue中window.location.href="https://www.cnblogs.com/guorongtao/"; //js中类似于HTML:<a href="https://www.cnblogs.com/guorongtao/" title="测试1">Welcome Test1</a>

2、方式2: window.open

例：


window.open(`https://www.cnblogs.com/guorongtao/`);      //在另外新建窗口中打开窗口vue中window.open("https://www.cnblogs.com/guorongtao/");      //在js中类似于HTEL:<a href="https://www.cnblogs.com/guorongtao/" title="测试2" target="_blank">Welcome Test2</a>

指定参数：

<script >var NewUrl = 'www.baidu.com' ;      window.open(NewUrl,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');</script >

参数说明：

NewUrl //' 弹出窗口的地址；
'newwindow' //弹出窗口的名字，非必须，可用空''代替；
height=600 //窗口高度；
width=900 //窗口宽度；
top=0 //窗口距离屏幕上方的象素值；
left=0 //窗口距离屏幕左侧的象素值；
toolbar=no //是否显示工具栏，yes为显示；
menubar，scrollbars //表示菜单栏和滚动栏。
resizable=no //是否允许改变窗口大小，yes为允许；
location=no //是否显示地址栏，yes为允许；
status=no //是否显示状态栏内的信息，yes为允许；

3、方式3 window.showModalDialog (部分浏览器不支持)

var URL='https://www.cnblogs.com/guorongtao'window.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() -重新调整当前窗口

Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog相关推荐

打开新窗口的几种方式及target=_blank指定窗口名称
打开新窗口的几种方式及target=_blank指定窗口名称打开新窗口的几种方式: 1.form提交到新窗口 <form action="action.jsp" ta ...
js打开新窗口的两种方式
1.超链接 <a href="http://www.jb51.net" title="脚本之家">Welcome</a> 等效于js代码 ...
Response.Redirect 打开新窗口的两种方法
一般情况下,Response.Redirect 方法是在服务器端进行转向,因此,除非使用 Response.Write("<script>window.location='htt ...
(转)Response.Redirect 打开新窗口的两种方法
一般情况下,Response.Redirect 方法是在服务器端进行转向,因此,除非使用 Response.Write("<script>window.location='htt ...
[导入]Response.Redirect 打开新窗口的两种方法
一般情况下,Response.Redirect 方法是在服务器端进行转向,因此,除非使用 Response.Write("<script>window.location='htt ...
MS CRM 2011 用Jscript打开新窗口的几种方法
在CRM中,我们经常遇到这样的情况,点击一个按钮,需要弹出一个新的窗口.比如在客户中添加新联系人: 在MS CRM2011中,有以下几种方法可以打开一个新的窗口: (1) Xrm.Utility.op ...
a标签实现文件、图片下载和打开新窗口
a标签实现文件.图片下载 a标签实现文件或图片下载只需要设置 download="" 属性即可,该属性的值可以为空,如果设置值,则该值就将是文件下载的默认名字. <a her ...
点击按钮(button)打开新窗口(window)的几种情况
点击按钮(button)打开新窗口(window) 从事前端制作的朋友都有碰到过,需要点击按钮跳转到另外一个页面.只要用到简单的onclick事件就可以简单实现效果. 方式一:在原来的窗口上打开新窗口 ...
a href=#与 a href=javascript:void(0) 的区别打开新窗口链接的几种办法
#包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javas ...
JS打开新窗口的代码window.showModalDialog()
用JS代码打开新窗口 function openNewWindow(url,width,height,formname) { var feature="dialogWidth:&qu ...

Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog

Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog相关推荐

最新文章

热门文章