javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript Window 打开新窗口

JavaScript Window 打开新窗口(window.location.href、window.open、window.showModalDialog)

作者:xuefeng_210

本文主要介绍了JavaScript Window 打开新窗口的三种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

1、方式1: window.location.href

window.location.href="https://www.jb51.net";     //在当前窗口中打开窗口

类似于HTML:

<a href="https://www.jb51.net" title="测试1">Welcome Test1</a>

2、方式2: window.open

window.open("https://www.jb51.net");      //在另外新建窗口中打开窗口

类似于HTEL:

<a href="https://www.jb51.net" 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 > 

参数说明:

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

var URL='https://www.jb51.net'
window.showModalDialog(URL,'','DialogLeft:170px;DialogTop:130px;DialogWidth:930px;DialogHeight:753px;status:no;help:no');

原型:

vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 

参数说明:

另外几个属性用在HTA中的,在一般的网页中一般不使用。

传入参数:

要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:

//test1.htm
<script>
  var mxh1 = new Array("mxh","net_lover","孟子E章")
  var mxh2 = window.open("about:blank","window_mxh")
  // 向对话框传递数组
  window.showModalDialog("test2.htm",mxh1)
  // 向对话框传递window对象
  window.showModalDialog("test3.htm",mxh2)
</script>
//test2.htm
<script>
  var a = window.dialogArguments
  alert("您传递的参数为:" + a)
</script>
//test3.htm
<script>
  var a = window.dialogArguments
  alert("您传递的参数为window对象,名称:" + a.name)
</script>

可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:

//test4.htm
<script>
  var a = window.showModalDialog("test5.htm")
  for(i=0;i<a.length;i++) alert(a[i])
</script>
//test5.htm
<script>
function sendTo()
{
  var a=new Array("a","b")
  window.returnValue = a
  window.close()
}
</script>
<form>
  <input value="返回" type=button onclick="sendTo()">
</form>

4、Window 其他参考

 到此这篇关于JavaScript Window 打开新窗口的三种方式的文章就介绍到这了,更多相关JavaScript Window 打开新窗口内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文