如何使广告横幅在新标签中打开链接[重复]答案

【问题标题】：How to make ad banner open link in new tab [duplicate]如何使广告横幅在新标签中打开链接[重复]
【发布时间】：2019-01-17 04:31:42
【问题描述】：

我在stackoverflow上找到了这段代码，基本上只是baner的代码。我的问题是，当我按下横幅时，如何在新标签中打开一个链接？

代码：

<br/><br />
<a class="fragment" href="www.google.com">
<div>
    <span id='close'     onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>X</span>
<img src ="imgscr.com" alt="some description"/> 
<h3>Your Text</h3>
<p class="text">

 </p>
</div>
</a>

<style media="screen" type="text/css">

.fragment {
font-size: 12px;
font-family: tahoma;
height: 100px;
border: 1px solid #ccc;
color: #FFFFFF;
display: block;
padding: 10px;
box-sizing: border-box;
text-decoration: none;
background-color:#2E9AFE;

}

.fragment:hover {
box-shadow: 2px 2px 5px rgba(51, 134, 230, 1);
color:#2E9AFE;


}

.fragment img { 
float: left;
margin-right: 10px;
}


.fragment h3 {
font-size: 30px;
padding: 0;
margin: 0;
color: #FFFFFF;
position: relative;
left: 50px;
bottom: -20px;

}
.fragment h4 {
padding: 0;
margin: 0;
color: #000;
}
#close {
float:right;
display:inline-block;
padding:2px 5px;
background:#ccc;
}

</style>

【问题讨论】：

标签： html css banner

【解决方案1】：

<a class="fragment" href="www.google.com" target="_blank ">

【讨论】：

【解决方案2】：

如果你想打开一个网站：

<a class="fragment" href="www.yourwebsite.com">

如果你想打开另一个页面

<a class="fragment" href="yoursite.htm" target="_blank ">

如果您想使用onclick 打开页面，请使用 JavaScript：

function opennewpage() {
  window.location.href='yoursite.htm'
}

而不是使用 onclick 属性调用您的函数：

onclick='opennewpage()'

不要忘记将您的 JavaScript 文件包含到您的 HTML 中：

<script src="yourjavascriptfile.js"></script>

【讨论】：