超鏈接導致window.location.href失效的解決辦法


通常我們采用 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>

接下來我們再執行代碼試試看!

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM