IE 6の下でaラベルに行間onclickイベントを追加すると、ページジャンプの失敗原因分析が発生します。




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Js IE6  a      onclick    js       , href="javascript:void(0);"</title>

<style type="text/css">
* {margin:0;padding:0;margin:0 auto;}
</style>
</head>

<body>
<br />
<p> href="javascript:void(0);"   href="javascript:;"       </p> <br />

<p> location.replace   location.href    : </p>
<p>  IE、chorome     location.replace      , Firefox      </p>
<p>  IE、chorome、Firefox    location.href       </p>
 <br />
<p> 1  href="javascript:void(0);" </p> <br />
<a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/');">a IE6     </a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/';">a IE6     </a>  
 <br /><br /><br />
<p> 2  href="javascript:;" </p> <br />
<a href="javascript:;" onclick="javascript:location.replace ('http://www.baidu.com/');">a IE6     </a>  &nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:;" onclick="javascript:location.href ='http://www.baidu.com/';">a IE6     </a>  
 <br /> <br /><br />
<p>1                ,        </p>
<p>2               ,addEventListener || attachEvent     ,  </p>
<p>            (             )----->           !           !  </p>
<a id="a1" href="javascript:;"> a     </a>&nbsp;&nbsp;&nbsp;&nbsp;
<a id="a2" href="javascript:;"> a     </a>  <br /> <br />

<p> add return false;  </p>
<a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/'); return false;">a     </a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/'; return false;">a     </a>
<script type="text/javascript">

var oA1 = document.getElementById("a1");
var oA2 = document.getElementById("a2");

oA1.onclick = oA2.onclick = function(){
	oA1.href = oA2.href = "http://www.baidu.com";
	//return false; //        。
};


</script>
</body>
</html>


テストしたところ、IE 6の下で上記の2つのJSジャンプの履行には応答がなく、他のブラウザの下では正常です。
解析:IE 6の下でaリンクのジャンプはhref属性のコードの影響を受けると推測しています。
上記のコードの履行過程は、まずOclick事務のコードを履行しているようです。
また、Oclick事務のコールバック関数がtrueに戻る光景であり、
href属性のコードを再履行してからジャンプ遷移を作成します。
まさにvoid(0)であるコードはブラウザのジャンプをブロックしていますので、Oclickのコードの最後に、return falseを追加します。
Oclickコールバック関数をfalse値に戻し、href属性のコードの履行を阻止することで、ブラウザをスムーズにジャンプさせることができます。