如何在 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