单击<div>时如何打开任何页面

时间:2016-06-18 13:26:23

标签: html

如何制作,当您点击<div id="fb_logo"></div>时,它会打开任何页面?

3 个答案:

答案 0 :(得分:1)

试试这个:

<div id="fb_logo target="_blank""><a href="Your page link"></a></div>

这是jsfiddle链接:https://jsfiddle.net/wuq0tqgp/1/

答案 1 :(得分:0)

您可以将div标记放在链接 标记

<a href="http://YourPageLink.com/" target="_blank">

<div id="fb_logo"></div>

</a>

https://jsfiddle.net/djsreeraj/n5n5c44y/1/

以下是摘录:

&#13;
&#13;
#fb_logo{
  background:#ccc;
  width:40px;
  height:40px;
  overflow:hidden;
}
#fb_logo a{
  display:block;
  text-indent:999px;
}
&#13;
<a href="http://google.com/" target="_blank"><div id="fb_logo"></div></a>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

你可以做一些事情:

在您的HTML中:

<div id="your div" onclick="OpenNewTab('yourUrl');">
  <!--All what you want in your div-->
</div>

并在脚本标记或外部js文件中:

function OpenNewTab(url) {
  window.open(url, '_blank');
}