如何在新window(弹出)中打开网页

Question

我正在设计一个网页，我希望当用户单击 link 时，弹出窗口（新 window）将打开一个 linked 网页。我的代码如下所示

<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 中单击 link 弹出窗口出现但没有 link 打开（意味着它只打开空白页面）并且在 IE 弹出窗口中出现 link(/undefined) 不link 提供 link。我无法检测到错误是什么。

Answer 1

试试这个...

<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>

Answer 2

是否在选项卡中打开 link 或 window 取决于用户的浏览器设置。您可能需要重新考虑您的最终解决方案。

与其在 "new window/tab" 中显示您的 linked 页面，不如尝试触发模式。这里有一些很容易实现的漂亮的模态效果 http://tympanus.net/Development/ModalWindowEffects/

Answer 3

使用锚标记 target="_blank"属性

<a target="_blank" href="link.html">Link</a>

如何在新window(弹出)中打开网页

How to open a webpage in a new window(Pop up)

html

javascript

css

popup