切頁面時有時用鏈接A來替代按鈕,這樣做有幾個好處
鼠標放上時默認有手狀效果(不用添加cursor:pointer)
可以添加低版本IE都支持的偽類
如果點擊時頁面要整體刷新,即跳轉,這時IE6則不盡人意,如下
複製代碼代碼如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
IE6中點擊鏈接無法跳轉,其它瀏覽器都可以。解決方法是改成錨點,
複製代碼代碼如下:
<p><a href="###" onclick="jumpSina()">Sina</a></p>
<p><a href="#none" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
如果把跳轉方式改為window.open,則IE6下沒有問題,如下
複製代碼代碼如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
}
</script>