爲什麼下面的javascript在Internet Explorer和Mozilla中無法正常工作，但在Chrome瀏覽器中正常工作？

Question

我在javascript中使用會話屬性，然後在if-else中使用它。 無論何時用戶某些錨點標籤點擊錨點標籤，腳本都會運行。

<a id="someId" href="/someurl" onClick="checkSession(this.id)">Link</a> 

<a id="someOtherId" href="/someurl" onClick="checkSession(this.id)">Link2</a> 

和身體

<script type="text/javascript"> 

    function checkSomething(clickedId){  

     event.preventDefault();  
     var value= <%=(int) session.getAttribute("key")%>; 

     if(value != -1){ 
      window.location = $('#'+clickedId).attr('href'); 
     }else { 
      alert("Please Select a value first then click on the link."); 
      $("#someInput").focus(); 
     } 

    }; 


</script> 

腳本中完美運行在Chrome，但無法在Mozilla和IE瀏覽器。 在mozilla上，我可以看到錨標籤已經綁定了那個javascript，但它卻沒有運行。

Answer 1

傳遞事件而不是ID。此外，你不需要jQuery來獲取元素的href。只需使用香草的JavaScript：

<a id="someId" href="/someurl" onClick="checkSession(event)">Link</a> 
<a id="someOtherId" href="/someurl" onClick="checkSession(event)">Link2</a> 

<script> 
    function checkSession(event) { 
     event.preventDefault(); 
     var clickedId = event.target.id; 
     var href = event.target.href; 

     // etc 
    } 
</script> 

Answer 2

另外，您可以：

<a id="someId" href="javascript:checkSession('/someurl')">Link</a> 
<a id="someOtherId" href="javascript:checkSession('/someOtherurl')">Link2</a> 

<script> 
    function checkSession(url) { 
     var value= <%=(int) session.getAttribute("key")%>; 

     if(value != -1){ 
      window.location = url; 
     } else { 
      alert("Please Select a value first then click on the link."); 
      $("#someInput").focus(); 
     } 

    } 
</script>