Почему javascript не работает в Internet Explorer и Mozilla, но отлично работает в Google 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> 

Script отлично работает на хроме, но не по Mozilla и IE. На mozilla я вижу, что теги привязки были связаны с этим javascript, но все же он не запускается.

Answer 1

Передача события, а не идентификатор. Кроме того, вам не нужен 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>