javascript - atscript - स्क्रिप्टिंग भाषा




लिंक क्लिक पर जावास्क्रिप्ट पॉपअप चेतावनी (4)

आप onclick विशेषता का उपयोग कर सकते हैं, अगर आप जारी नहीं रखना चाहते तो बस return false करें;

<script type="text/javascript">
function confirm_alert(node) {
    return confirm("Please click on OK to continue.");
}
</script>
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a>

एक लिंक पर क्लिक करने के बाद मुझे एक जावास्क्रिप्ट 'ओके' / 'रद्द करें' चेतावनी चाहिए।

मेरे पास चेतावनी कोड है:

<script type="text/javascript">
<!--
var answer = confirm ("Please click on OK to continue.")
if (!answer)
window.location="http://www.continue.com"
// -->
</script>

लेकिन मैं इसे कैसे कर सकता हूं इसलिए यह केवल एक निश्चित लिंक पर क्लिक करते समय चलता है?


ऐसा करने के लिए आपको पेज पर किसी विशिष्ट एंकर को हेन्डलर संलग्न करना होगा। इस तरह के आपरेशनों के लिए यह एक मानक ढांचा का उपयोग करना आसान है, जैसे कि jQuery । उदाहरण के लिए अगर मेरे पास निम्न HTML है

HTML:

<a id="theLink">Click Me</a>

मैं उस विशिष्ट लिंक पर एक घटना को जोड़ने के लिए निम्न jQuery का उपयोग कर सकता था।

// Use ready to ensure document is loaded before running javascript
$(document).ready(function() {

  // The '#theLink' portion is a selector which matches a DOM element
  // with the id 'theLink' and .click registers a call back for the 
  // element being clicked on 
  $('#theLink').click(function (event) {

    // This stops the link from actually being followed which is the 
    // default action 
    event.preventDefault();

    var answer confirm("Please click OK to continue");
    if (!answer) {
      window.location="http://www.continue.com"
    }
  });

});

एकल लाइन ठीक काम करती है:

<a href="http://example.com/"
 onclick="return confirm('Please click on OK to continue.');">click me</a>

एक ही पृष्ठ पर एक अलग लिंक के साथ दूसरी पंक्ति जोड़ना ठीक काम करता है:

<a href="http://.com/"
 onclick="return confirm('Click on another OK to continue.');">another link</a>

function alert() {
    var answer = confirm ("Please click on OK to continue.") ;

    if(answer){
        window.location="url";
    }
}





confirmation