JavaScript-打开新窗口

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript-打开新窗口相关的知识,希望对你有一定的参考价值。

open()方法可以查找一个已经存在或者新建一个新的浏览器窗口.

语法:window.open([URL], [窗口名称], [参数字符串])

参数解释:

URL:可选参数,在窗口中显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数,被打开窗口的名称。
    1.该名称由字母、数字和下划线组成。
    2.“_top”、“_blank”、“_self”具有特殊意义的名称。
       _blank:在新窗口显示目标网页
       _self:在当前窗口显示目标网页
       _top:框架网页中在上部窗口中显示目标网页
    3.相同name的窗口只能创建一个,要想创建多个窗口,则name不能相同。
    4.name不能包含空格。

参数表:

技术分享

示例代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
  function Wopen(){
    var mymessage= confirm("确定在新网页中打开百度?");
    if(mymessage==true)
    {
         window.open(http://www.baidu.com,_blank,width=1366,height=768,menubar=yes,toolbar=yes, status=yes,scrollbars=yes) ;
    }
    else
    {
        alert("打开失败!");
    }
  }      

</script>
</head>
<body>
<form>
    <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!">
</form>
</body>
</html>

 

以上是关于JavaScript-打开新窗口的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript打开新窗口被拦截问题

如何使用 javascript 或 typescript 在新窗口中打开页面? [复制]

如何使用asp.net MVC中的href从javascript在新窗口中打开打开的窗口

html 有关如何在任何页面上插入Nuvo Express按钮的小片段。此按钮居中对齐,并在新窗口中打开目标URL。

Javascript - 表单选择元素在新窗口中打开 url 并提交表单

如何使用HTML实现点击一个链接打开新窗口