如何在 DIV 標簽中設置目標 =“_blank”？

Question

有一個頁面顯示一些按鈕（背景圖像等），它們都是可點擊的。 我希望這個特定按鈕做的是使用 *target="_blank"* 在另一個瀏覽器選項卡中打開目標頁面。 將它設置為div 中的 href 的方式我不能這樣做。 關於解決這個問題的任何想法？

<div class="dashboard_navbutton" href="Home/RequestRedirect" style="background-image: url('@Url.Content("~/Content/images/Form_button.png")');">
    <p>Insert witty text here</p>
</div>

Answer 1

只需將該div a並添加display:block; 到style 。

編輯：確保您選擇的DOCTYPE支持在a元素內使用p 。 更一般地，它應該使用計算樣式進行display而不是標簽名稱來確定一個元素是inline元素還是block元素。 我相信 HTML5 很好： <!DOCTYPE html> 。

Answer 2

捕獲 div 的 onclick 事件，調用 javascript 函數，讓函數打開窗口。

html 片段
onclick="opennewwin()"

function opennewwin(){
    var awindow = window.open(loc, "blank", "height=500px,width=500px");

}

Answer 3

我試圖動態添加也可以用作鏈接的 div。 這是我使用 CSS 的解決方案。

首先容器需要相對定位。

.container {position: relative;}

接下來，鏈接需要填充容器。

.container a {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

就像我說的，我動態組裝了 div，但 html 看起來像這樣：

<div class='container'>[some other content]<a href="link"></a></div>

容器必須是相對位置，否則位置絕對鏈接會填充其第一個位置相對祖先（可能是整個視口）。 當然，您可以為 div 或鏈接添加樣式。 請注意，我使用了一個位置：粘性導航欄，我必須將它的 z-index 設置為高，以避免與 div 按鈕發生沖突。

優點：您為鏈接設置的任何樣式和目標都將適用。 良好的“樣式”：不會將塊元素放在內聯中（應該避免瀏覽器問題，盡管我還沒有對其進行徹底測試）。 不需要任何其他語言或框架。

缺點：不像 Niet 的回答那么簡單，但不應該依賴於 Doctype。

如何在 DIV 標簽中設置目標 =“_blank”？

問題描述

3 個解決方案

解決方案1
8 2012-03-20 20:31:29

解決方案2
1 2012-03-20 20:39:56

解決方案3
0 2021-04-07 20:43:39

如何在 DIV 標簽中設置目標 =“_blank”？

問題描述

3 個解決方案

解決方案1 8 2012-03-20 20:31:29

解決方案2 1 2012-03-20 20:39:56

解決方案3 0 2021-04-07 20:43:39

解決方案1
8 2012-03-20 20:31:29

解決方案2
1 2012-03-20 20:39:56

解決方案3
0 2021-04-07 20:43:39