通常我們采用 window.location.href 執行頁面間的跳轉,比如下面的語句
window.location.href = 'https://www.baidu.com/';
一般執行上面的語句是能夠成功跳轉到百度頁面的,然而當我們使用了下面的方法,神奇的情況就出現了,
HTML代碼:
<a href="javascript:void(0);" onclick="redirect();">百度</a>
JavaScript代碼:
var redirect = function (){
window.location.href = "http://www.baidu.com"
}
這是由於我們將超鏈接標簽 a 的 href 屬性設置為了 javascript:void(0); 或者設置為了 javascript:;
從而導致頁面跳轉失效。那么怎樣使 window.location.href 再次有效呢?那就采用下面的方法吧!
HTML代碼:
<a href="javascript:void(0);" onclick="redirect();return false;">百度</a>
或者:
<a href="javascript:redirect();">百度</a>
接下來我們再執行代碼試試看!