在Div上刷新页面

Question

我有一个div，在那个div里面有我的网站徽标等...

我希望当用户单击站点徽标（我的div）时，它将其重定向到首页。

我该怎么做？ （div onlick ??）

Answer 1

<div onclick="window.location.href = '/';">...</div>

用您的URL或URI替换“ /”。

Answer 2

<div onclick="window.location='http://www.google.com';" style="cursor:pointer;">Content...</div>

将http://www.google.com替换为网站根目录的相对路径。 样式标签仅将光标切换到指针，以便用户知道它是可单击的。

Answer 3

<img src="logo" onclick="window.location('myHomePage');">

<div onclick="window.location('myHomePage');">stuff inside the div</div>

您还可以更改window.refresh（）;的window.location； 如果要刷新页面。

Answer 4

锚标签是否可以用于此目的（我不知道您的HTML是什么样的，等等）。 从语义上讲它会更正确，并且不需要javascript。 我认为没有任何浏览器反对A元素中的DIV元素。

http://jsfiddle.net/4s87y/

<a href="http://www.google.com">
    <div style="height: 100px; background-color: #ffcccc;">
        This is a test. Woohoo!
    </div>
</a>

Answer 5

一种方法是使用： onclick="function(){ location.href = 'http://www.yoursite.com'; }"

另一种方法是将带有网站徽标的div放入锚标签内，例如<a href="yoursite.com"><div>sitelogo</div></a>

Answer 6

如果您希望将其用于OnClick，请像这样使用它

<div OnClick="window.location=http://example.com">Your Content and Logo</div>