用js window.open在新窗口中打开链接，关于设置URL地址设置为变量的问题

Posted 2023-04-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用js window.open在新窗口中打开链接，关于设置URL地址设置为变量的问题相关的知识，希望对你有一定的参考价值。

通过点击链接在新窗口中打开网页，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="gb1232" />
<title>示例</title>
<script>
function openwin()
alert(document.getElementsByTagName("a").getAttribute("href")); //获取不到href属性
window.open ("URL","newwindow","height=600,width=800") ;
</script>
</head>
<body>
<a id="xxyy" href="http://localhost/web/picturelibrary.html" onclick="openwin(this.href);return false;">打开图片库</a>
</body>
</html>

请教：我用”this.href“把<a>标签的”href“作为openwin()的参数，可是参数好像没有传递到window.open（）的URL中打开之后是这个地址：http://localhost/web/page
如何能让openwin（）函数自动获取<a>的”href“并传到window.open中，上面的alert也没有提示框弹出，是没有获取到href属性还是其他地方有问题？

1、window.open()支持环境：
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

2、基本语法：
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

3、示例

　脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

4、各项参数
　　其中yes/no也可使用1/0；pixel value为具体的数值，单位象素

5、多种示例

1）最基本的弹出窗口代码

2）经过设置后的弹出窗口

参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
\'page.html\' 弹出窗口的文件名；
\'newwindow\' 弹出窗口的名字（不是文件名），非必须，可用空\'\'代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束

3）用函数控制弹出窗口

<html>
<head>
<script LANGUAGE="JavaScript">

</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
调用方法：
方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的"#"是虚连接。
方法四：用一个按钮调用：
<input type="button" onclick="openwin()" value="打开窗口">

4）同时弹出2个窗口

5）主窗口打开文件1.htm，同时弹出小窗口page.html

　　加入<body>区：
<a href="1.htm" onclick="openwin()">open</a>即可。

6）弹出的窗口之定时关闭控制

然后，再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。

7）在弹出窗口中加上一个关闭按钮

<FORM>
<INPUT TYPE=\'BUTTON\' VALUE=\'关闭\' onClick=\'window.close()\'>
</FORM> 参考技术A 你明明已经把href传到openwin方法中了，但是你没有接收，把openwin改下
function openwin(url)
alert(url); //获取不到href属性
window.open (url,"newwindow","height=600,width=800") ;追问

谢谢了，能不能再请教一下alert(document.getElementsByTagName("a").getAttribute("href")); 为什么这句代码不起作用，不会弹出href？

追答

document.getElementsByTagName("a")[0].href这样倒是可以取到href的值。你那个方法报错了。

本回答被提问者采纳

Javascript - 在新选项卡中打开链接（相同窗口）

【中文标题】Javascript - 在新选项卡中打开链接（相同窗口）【英文标题】：Javascript - Open Link in New Tab (SAME WINDOW) 【发布时间】：2013-11-11 22:07:54 【问题描述】：

我意识到对于这个主题已经有几个关于 SO 的问题，但它们似乎都已经很老了....只是想得到一个最新的答案：

仍然是打开新标签页的标准方式（在同一浏览器窗口中）：

window.open('url', '_blank');
window.focus();

???

另外，我读到它取决于用户浏览器的配置（新页面是在新标签页还是新窗口中打开，以及新标签页/窗口是否获得焦点）... .我希望焦点保留在原始选项卡上，但我更关心它在同一个浏览器窗口中打开一个选项卡（保持焦点只是一个奖励）。

那么有没有办法在新浏览器中读取/获取此设置？ (chrome, ff, ie) 如果用户将其设置为在新窗口中打开，可能会通知用户更改其设置？

【问题讨论】：

【参考方案1】：

我在

方面取得了巨大的成功

<a target='_blank' >

【讨论】：

引用的 jQueryUI 链接是关于在浏览器选项卡内向 Web 应用程序添加选项卡的；不是要添加浏览器选项卡！你知道吗？你说得对。回想起来，我不知道我为什么要与它联系起来。【参考方案2】：

最好使用target="_blank"。

例如。在 Chrome 中，带有target="_blank" 的锚点会打开一个新标签，但是，window.open 会打开一个全新的窗口。

我尝试了一些实验来将window.open 替换为target="_blank"。

被弹出窗口拦截器阻止

// create an anchor, add to body, trigger click
var a = document.createElement('a');
a.setAttribute('href', 'http://google.com');
a.setAttribute('target', '_blank');
document.body.appendChild(a);
a.click();

// hijack first anchor, change href, trigger click
var a = document.getElementsByTagName('a')[0];
a.setAttribute('href', 'http://google.com');
a.setAttribute('target', '_blank');
a.click();

// hijack first anchor that has target=_blank, change href, trigger click
var a = $('a[target="_blank"]')[0];
a.setAttribute('href', 'http://google.com');
a.click();

弹出窗口拦截器允许

// hijack first anchor that has target=_blank, change href, next document click triggers it
var a = $('a[target="_blank"]')[0];
a.setAttribute('href', 'http://google.com');
$(document).click(function()
    $('a[target="_blank"]')[0].click();
);

// create an anchor, add to body, next document click triggers it
var a = document.createElement('a');
a.setAttribute('href', 'http://google.com');
a.setAttribute('target', '_blank');
document.body.appendChild(a);
$(document).click(function()
    a.click();
);

似乎只要弹出窗口是由用户交互触发的，弹出窗口拦截器就允许它。

Mozilla 在window.open 上的文档：

https://developer.mozilla.org/en-US/docs/Web/API/window.open

【讨论】：

以上是关于用js window.open在新窗口中打开链接，关于设置URL地址设置为变量的问题的主要内容，如果未能解决你的问题，请参考以下文章

请教一个js语法：window.open()在IE中只是打开一个新页面，怎样才能在IE中打开一个新窗口？

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

response.Redirect如何在新窗口打开

使用“nofollow/赞助”时，window.open 在新窗口而不是新选项卡中打开

js window.open（url）为啥会自动下载文件，而不是打开文件？

JS window.open()拦截问题解决方案