如何在新窗口中打開網頁（彈出）

Question

我正在設計一個網頁，我希望當用戶單擊鏈接時，將打開一個帶有鏈接網頁的彈出窗口（新窗口）。 我的代碼如下所示

<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（/未定義），而不是鏈接提供的鏈接。 我無法檢測到錯誤所在。

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

鏈接是否在選項卡或窗口中打開取決於用戶的瀏覽器設置。 您可能需要重新考慮最終解決方案。

與其在“新窗口/標簽”中顯示鏈接頁面，不如嘗試觸發模式。 這是一些易於實現的漂亮的模態效果http://tympanus.net/Development/ModalWindowEffects/

Answer 3

使用定位標記target =“ _ blank”的此屬性

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

如何在新窗口中打開網頁（彈出）

問題描述

3 個解決方案

解決方案1
1 已采納 2015-02-21 11:40:20

解決方案2
0 2015-02-21 11:48:10

解決方案3
0 2015-02-21 11:53:55

如何在新窗口中打開網頁（彈出）

問題描述

3 個解決方案

解決方案1 1 已采納 2015-02-21 11:40:20

解決方案2 0 2015-02-21 11:48:10

解決方案3 0 2015-02-21 11:53:55

解決方案1
1 已采納 2015-02-21 11:40:20

解決方案2
0 2015-02-21 11:48:10

解決方案3
0 2015-02-21 11:53:55