2011-01-26 4 views
1

У меня есть DIV и внутри этого DIV У меня есть логотип сайта и т.д. ...Обновить страницу На Div Нажмите

Я хочу, чтобы, когда пользователь нажимает на логотип сайта (мой Div) он будет перенаправлять его на главную страницу ,

Как это сделать? (Div onlick ??)

+0

пожалуйста, вы можете поделиться код, чтобы мы могли подробно, как это сделать? – kjy112

+1

обновляется или перенаправляется? в любом случае просто сделайте свой логотип в гиперссылке, тег, с href по URL вашего желания –

+1

Почему бы вам просто не упростить его и использовать тег 'a' со ссылкой на свою домашнюю страницу? –

ответ

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

Заменить http://www.google.com с относительным путем к корню сайта. Тег стиля просто переключает курсор на указатель, поэтому пользователь знает, что он доступен для клика.

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

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

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

1

один способ заключается в использовании: onclick="function(){ location.href = 'http://www.yoursite.com'; }"

еще один, чтобы поставить div с логотипом сайта внутри тега привязки, как <a href="yoursite.com"><div>sitelogo</div></a>

+0

в атрибуте обработчика события «javascript:» не следует использовать. «javascript:» - это протокол, который можно использовать, например, в href. – Spliffster

+0

Спасибо @Spliffster Я удалил 'javascript' – TheVillageIdiot

0

Если вы хотите его OnClick затем использовать его как это

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

Будет ли работать тег привязки (я не знаю, как выглядит ваш 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> 
Смежные вопросы