Обновить страницу при нажатии Div

Question

У меня есть 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

Будет ли для этого работать якорный тег (я не знаю, на что похож ваш HTML и т. Д.).Это будет более семантически правильно и не потребует JavaScript.Я не думаю, что есть какие-либо браузеры, которые возражают против DIV элементов внутри A элементов.

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 4

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

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

вы также можете изменить window.location для window.refresh (); если вы хотите обновить страницу.

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>