blocks|key|468395|text|只要让它发挥作用，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|468396|<script+type="text/javascript">
function+AlertIt()+{
var+answer+=+confirm+("Please+click+on+OK+to+continue.")
if+(answer)
window.location="http://www.continue.com";
}
</script>

<a+href="javascript:AlertIt();">click+me</a>|code-block|syntax|javascript|468397|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>just make it function,</p>

<pre><code>&lt;script type="text/javascript"&gt;
function AlertIt() {
var answer = confirm ("Please click on OK to continue.")
if (answer)
window.location="http://www.continue.com";
}
&lt;/script&gt;

&lt;a href="javascript:AlertIt();"&gt;click me&lt;/a&gt;
</code></pre>


blocks|key|468456|text|为此，您需要将处理程序附加到页面上的特定锚点。对于这样的操作，使用像jQuery这样的标准框架要容易得多。例如，如果我有下面的HTML|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|468457|HTML：|468458|<a+id="theLink">Click+Me</a>|code-block|syntax|javascript|468459|我可以使用下面的jQuery将一个事件连接到那个特定的链接。|468460|//+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"
++++}
++});

});|468461|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|Y|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>In order to do this you need to attach the handler to a specific anchor on the page.  For operations like this it's much easier to use a standard framework like <a href="http://jquery.com/" rel="nofollow">jQuery</a>.  For example if I had the following HTML</p>

<p>HTML:</p>

<pre><code>&lt;a id="theLink"&gt;Click Me&lt;/a&gt;
</code></pre>

<p>I could use the following jQuery to hookup an event to that specific link. </p>

<pre><code>// 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"
    }
  });

});
</code></pre>


blocks|key|468495|text|你可以使用onclick属性，如果你不想继续，就使用return+false；|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|468496|<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>|code-block|syntax|javascript|468497|entityMap^0|5|7|Q|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>You can use the <code>onclick</code> attribute, just <code>return false</code> if you don't want continue;</p>

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


blocks|key|684527|text|单行代码就可以了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|684528|<a+href="http://example.com/"
+onclick="return+confirm('Please+click+on+OK+to+continue.');">click+me</a>|code-block|syntax|javascript|684529|在同一页上添加带有不同链接的另一行也很好：|684530|<a+href="http://stackoverflow.com/"
+onclick="return+confirm('Click+on+another+OK+to+continue.');">another+link</a>|684531|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Single line works just fine:</p>

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

<p>Adding another line with a different link on the same page works fine too:</p>

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


<p>I need a javascript 'OK'/'Cancel' alert once I click on a link.</p>

<p>I have the alert code:</p>

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

<p>But how do I make it so this only runs when clicking a certain link?</p>


javascript popup alert on link click

jQuery

当我点击一个链接时，我需要一个javascript 'OK'/'Cancel‘提醒。我有警报代码：<script type="text/javascript"><!--var answer = confirm ("Please click on OK to continue.")if (!answer)window.l...

问单击链接时出现javascript弹出警告
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击链接时出现javascript弹出警告EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击链接时出现javascript弹出警告
EN