2010-12-06 22 views
75

href टैग पर क्लिक करें जावास्क्रिप्ट के माध्यम से टैग पर क्लिक करें?बटन पर <a> पर क्लिक करें, जावास्क्रिप्ट

<script type="text/javascript"> 
    function f1() 
    { 
    document.getElementById("abc").href="xyz.php"; 
    } 
</script> 

<a href="" id="abc">jhg</a> 
<a href="" id="" onclick="f1()">jhhghj</a> 
+0

पहुँच क्षमता का रास्ता लिंक इस तरीके का उपयोग नहीं करने के लिए तय। यहां: http://xkr.us/js/links –

उत्तर

112

एक href होने के बिना, क्लिक वर्तमान पृष्ठ पुनः लोड होता है, तो आप कुछ इस तरह की जरूरत है:

<a href="#" onclick="f1()">jhhghj</a> 

या इस तरह पुस्तक को रोकने:

<a href="#" onclick="f1(); return false;">jhhghj</a> 

या return false आपके f1 फ़ंक्शन में और:

<a href="#" onclick="return f1();">jhhghj</a> 

.... या, विनीत तरीका:

<a href="#" id="abc">jhg</a> 
<a href="#" id="myLink">jhhghj</a> 

<script type="text/javascript"> 
    document.getElementById("myLink").onclick = function() { 
    document.getElementById("abc").href="xyz.php"; 
    return false; 
    }; 
</script> 
5

निकालें href विशेषता:

<a id="" onclick="f1()">jhhghj</a> 

यदि लिंक शैलियों तो महत्वपूर्ण हैं:

<a href="javascript:void(f1())">jhhghj</a> 
+1

href छोड़ने से इसकी शैली और व्यवहार बदल जाएगा। यह फिर एक लिंक के बजाय एक एंकर के रूप में कार्य करता है। –

+1

उत्तर के लिए धन्यवाद आप लोग वास्तव में मेरी मदद कर रहे हैं। – Chauhan

21

वास्तव में क्या निक कार्वर वहां किया लेकिन मुझे लगता है कि अगर DOM setAttribute विधि का उपयोग किया जाता है तो यह सबसे अच्छा होगा।

<script type="text/javascript"> 
    document.getElementById("myLink").onclick = function() { 
    var link = document.getElementById("abc"); 
    link.setAttribute("href", "xyz.php"); 
    return false; 
    } 
</script> 

यह कोड की एक अतिरिक्त पंक्ति है लेकिन इसे बेहतर संरचना-वार मिलती है।

+7

आईएमओ की कोई आवश्यकता नहीं है, यह हमेशा के लिए एक डोम संपत्ति रही है, '.href' सभी ब्राउज़रों में काम करता है ... उदाहरण के लिए आप '.getAttribute का उपयोग करेंगे ("आईडी") 'बस' .id' के बजाय? :) –

+2

आप सही हैं, यह कुछ विशेष या अलग नहीं करता है, यह केवल संरचनात्मक-वार है।मुझे बाद में डीबगिंग/समीक्षा के लिए मेरे सभी डोम फ़ंक्शंस पसंद हैं: मेरे लिए यह देखना आसान है कि इस तरीके से फ़ंक्शन क्या कर रहा है। जाहिर है आपका जवाब पैसे पर सही है :) – jakobhans

+2

उत्तर के लिए धन्यवाद सर। – Chauhan

0

मुझे इसकी पुरानी पुरानी पोस्ट पता है। फिर भी, यह किसी की मदद कर सकता है।

टैग के बजाय, यदि संभव हो तो आप यह भी कर सकते हैं।

<script type="text/javascript"> 
     function IsItWorking() { 
      // Do your stuff here ... 
      alert("YES, It Works...!!!"); 
     } 
    </script> 

    `<asp:HyperLinkID="Link1"NavigateUrl="javascript:IsItWorking();"`   `runat="server">IsItWorking?</asp:HyperLink>` 

इस पर कोई टिप्पणी?

0

एक लिंक गतिशील रूप से उस पर क्लिक करने पर बदल दिया है करने के लिए:

<input type="text" id="emailOfBookCustomer" style="direction:RTL;"></input> 
     <a 
     onclick="this.href='<%= request.getContextPath() %>/Jahanpay/forwardTo.jsp?handle=<%= handle %>&Email=' + document.getElementById('emailOfBookCustomer').value;" href=''> 
    A dynamic link 
      </a> 
0
<a href="#" id="a" onclick="ChangeHref()">1.Change 2.Go</a> 

<script> 
function ChangeHref(){ 
document.getElementById("a").setAttribute("onclick", "location.href='http://religiasatanista.ro'"); 
} 
</script> 
0

यहाँ उस पर मेरी ले रहा है। जब उपयोगकर्ता सबमिट बटन दबाता है, तो मुझे टेक्स्ट बॉक्स से मूल्य एकत्र करके एक यूआरएल बनाने की आवश्यकता होती है।

<html> 
 
<body> 
 

 
Hi everyone 
 

 
<p id="result"></p> 
 

 
<textarea cols="40" id="SearchText" rows="2"></textarea> 
 

 
<button onclick="myFunction()" type="button">Submit!</button> 
 

 
<script> 
 
function myFunction() { 
 
    var result = document.getElementById("SearchText").value; 
 
\t document.getElementById("result").innerHTML = result; 
 
\t document.getElementById("abc").href="http://arindam31.pythonanywhere.com/hello/" + result; 
 
} \t \t 
 
</script> 
 

 

 
<a href="#" id="abc">abc</a> 
 

 
</body> 
 
<html>

संबंधित मुद्दे