[英]How to open a webpage in a new window(Pop up)
我正在设计一个网页,我希望当用户单击链接时,将打开一个带有链接网页的弹出窗口(新窗口)。 我的代码如下所示
<head>
<script language="javascript">
function win(add,w,h)
{
window.open(add,"","width="+w+",height="+h+",location=0,directories=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1,top=5,left=5");
window.location.reload();
}
</script>
</head>
<body>
<h1>Click to open link in new window</h1>
<ul>
<li><a href="#" class="Menu">Account Master</a>
<ul>
<li><a href="#" value="new.htm" onclick="win(this.value,600,450)">New</a></li>
<li><a href="#" value="mod.html" onclick="win(this.value,600,500)" >Modify</a></li>
<li><a href="#" value="del.html" onclick="win(this.value,600,500)">Delete</a></li>
<li><a href="#" value="view.html" onclick="win(this.value,600,500)">View</a></li>
</ul>
</li>
</ul>
</body>
在Firefox中,单击链接时会出现一个弹出窗口,但没有打开链接(表示仅打开空白页面),而在IE弹出窗口中,显示的是link(/未定义),而不是链接提供的链接。 我无法检测到错误所在。
尝试这个...
<head>
<script language="javascript">
function win(add,w,h)
{
window.open(add,"","width="+w+",height="+h+",location=0,directories=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1,top=5,left=5");
window.location.reload();
}
</script>
</head>
<body>
<h1>Click to open link in new window</h1>
<ul>
<li><a href="#" class="Menu">Account Master</a>
<ul>
<li><a href="new.htm" value="new.htm" target="_blank" onclick="win(this.href,600,450)">New</a></li>
<li><a href="mod.html" value="mod.html" target="_blank" onclick="win(this.href,600,500)" >Modify</a></li>
<li><a href="del.html" value="del.html" target="_blank" onclick="win(this.href,600,500)">Delete</a></li>
<li><a href="view.html" value="view.html" target="_blank" onclick="win(this.href,600,500)">View</a></li>
</ul>
</li>
</ul>
</body>
链接是否在选项卡或窗口中打开取决于用户的浏览器设置。 您可能需要重新考虑最终解决方案。
与其在“新窗口/标签”中显示链接页面,不如尝试触发模式。 这是一些易于实现的漂亮的模态效果http://tympanus.net/Development/ModalWindowEffects/
使用定位标记target =“ _ blank”的此属性
<a target="_blank" href="link.html">Link</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.