Javascript 如何设置目标="_“空白”；在DIV标签中？

有一个页面显示一些按钮（背景图像等），它们都可以点击。我希望此特定按钮可以使用*target=“\u 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>

在此处插入诙谐的文字

只需将

div

设为

a

并添加

显示：块到
样式

编辑：确保您选择的
DOCTYPE
支持在
a
元素中使用
p
。更一般地说，它应该使用
display
的计算样式而不是标记名来确定元素是
inline
还是
block
。我相信HTML5很好：
只需将
div
设置为
a
并添加
display:block到
样式

编辑：确保您选择的
DOCTYPE
支持在
a
元素中使用
p
。更一般地说，它应该使用
display
的计算样式而不是标记名来确定元素是
inline
还是
block
。我相信HTML5很好：
捕获div的onclick事件，调用javascript函数，让函数打开窗口

html代码段

onclick=“opennewwin（）”

捕获div的onclick事件，调用javascript函数，让函数打开窗口

html代码段

onclick=“opennewwin（）”

我试图动态添加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或链接添加样式。注意，我使用的是一个位置：粘性导航条，为了避免和div按钮发生碰撞，我必须将它的z索引设置得很高

优点：你为你的链接设置的任何样式和目标都适用。好的“样式”：不在内联中放置块元素（应该可以避免浏览器问题，尽管我还没有彻底测试它）。不需要任何其他语言或框架

缺点：没有Niet的答案那么简单，但不应该依赖于Doctype。
我试图动态添加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或链接添加样式。注意，我使用的是一个位置：粘性导航条，为了避免和div按钮发生碰撞，我必须将它的z索引设置得很高

优点：你为你的链接设置的任何样式和目标都适用。好的“样式”：不在内联中放置块元素（应该可以避免浏览器问题，尽管我还没有彻底测试它）。不需要任何其他语言或框架

缺点：不像Niet的回答那么简单，但不应该依赖于Doctype。
同意。拥有
div
和
href
是一种可怕的黑客行为，
href
属性不应该位于
div
上。如果您试图通过按钮打开一个新窗口，那么
按钮
标记是使用
窗口的一些javascript的最佳选择。打开
。不是所有HTML方言都像
中的
，因此，您应该建议将
放在
中，或者确保DOCTYPE设置正确。这是正确的。我相信HTML5 Doctype允许吗？（它似乎确实允许使用表和
hr
s以及其他一些可能不应该是：p的东西）我将尝试使用a和display:block样式。顺便说一句，我没有设计原始页面。只是试图修改现有的链接。不知道可以在div标签中添加a href。同意。拥有
div
和
href
是一种可怕的黑客行为，
href
属性不应该位于
div
上。如果您试图通过按钮打开一个新窗口，那么
按钮
标记是使用
窗口的一些javascript的最佳选择。打开
。不是所有HTML方言都像
中的
，因此，您应该建议将
放在
中，或者确保DOCTYPE设置正确。这是正确的。我相信HTML5 Doctype允许吗？（它似乎确实允许使用表和
hr
s以及其他一些可能不应该是：p的东西）我将尝试使用a和display:block样式。顺便说一句，我没有设计原始页面。只是试图修改现有的链接。不知道你可以在div标签中添加href。哪个版本的HTML？是的，这很重要。HTML4（确切地说是XHTML1.0过渡版）
href
div
上的属性不在HTML4或XHTML1下验证。我似乎还记得XHTML2将允许这样做，但XHTML2从未发生过。所以HTML5是这里唯一可以使用的DOCTYPE。除非切换标记的顺序（将
a
元素放在
p
中）。哪个版本的HTML？是的，这很重要。HTML4（确切地说是XHTML1.0过渡版）
href
attributes