blocks|key|1380691|text|我认为您可以使用onclick事件，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1380692|<a+onclick="jsFunction();">|code-block|syntax|javascript|1380693|entityMap^0|8|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>I think you can use the <code>onclick</code> event, something like this:</p>

<pre><code>&lt;a onclick="jsFunction();"&gt;
</code></pre>


blocks|key|1595801|text|<a+onclick="jsfunction()"+href="#">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1595802|或|unstyled|1595803|<a+onclick="jsfunction()"+href="javascript:void(0);">|1595804|编辑：|1595805|上面的回答真的不是一个好的解决方案，因为我从最初的帖子中学到了很多关于JS的知识。有关解决此问题的更好方法，请参阅下面的EndangeredMassa's+answer。|offset|length|1595806|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/688228/2227526^0|0|0|0|0|1O|O|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|F|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<pre><code>&lt;a onclick="jsfunction()" href="#"&gt;
</code></pre>

<p>or </p>

<pre><code>&lt;a onclick="jsfunction()" href="javascript:void(0);"&gt;
</code></pre>

<p>Edit:</p>

<p>The above response is really not a good solution, having learned a lot about JS since I initially posted.  See <a href="https://stackoverflow.com/a/688228/2227526">EndangeredMassa's answer</a> below for the better approach to solving this problem.</p>


blocks|key|1595843|text|或者，如果您正在使用PrototypeJS|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1595844|<script+type="text/javascript>
++Event.observe(+$('thelink'),+'click',+function(event)+{
++++++//do+stuff

++++++Event.stop(event);
++}
</script>

<a+href="#"+id="thelink">This+is+the+link</a>|code-block|syntax|javascript|1595845|entityMap|0|LINK|mutability|MUTABLE|url|http://www.prototypejs.com/^0|A|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Or, if you're using <a href="http://www.prototypejs.com" rel="noreferrer">PrototypeJS</a></p>

<pre><code>&lt;script type="text/javascript&gt;
  Event.observe( $('thelink'), 'click', function(event) {
      //do stuff

      Event.stop(event);
  }
&lt;/script&gt;

&lt;a href="#" id="thelink"&gt;This is the link&lt;/a&gt;
</code></pre>


blocks|key|1595892|text|不显眼的JavaScript，不依赖于库：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1595893|<html>
<head>
++++<script+type="text/javascript">

++++++++//+Wait+for+the+page+to+load+first
++++++++window.onload+=+function()+{

++++++++++//Get+a+reference+to+the+link+on+the+page
++++++++++//+with+an+id+of+"mylink"
++++++++++var+a+=+document.getElementById("mylink");

++++++++++//Set+code+to+run+when+the+link+is+clicked
++++++++++//+by+assigning+a+function+to+"onclick"
++++++++++a.onclick+=+function()+{

++++++++++++//+Your+code+here...

++++++++++++//If+you+don't+want+the+link+to+actually+
++++++++++++//+redirect+the+browser+to+another+page,
++++++++++++//+"google.com"+in+our+example+here,+then
++++++++++++//+return+false+at+the+end+of+this+block.
++++++++++++//+Note+that+this+also+prevents+event+bubbling,
++++++++++++//+which+is+probably+what+we+want+here,+but+won't+
++++++++++++//+always+be+the+case.
++++++++++++return+false;
++++++++++}
++++++++}
++++</script>
</head>
<body>
++++<a+id="mylink"+href="http://www.google.com">linky</a>++++++++
</body>
</html>|code-block|syntax|javascript|1595894|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>Unobtrusive JavaScript, no library dependency:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script type="text/javascript"&gt;

        // Wait for the page to load first
        window.onload = function() {

          //Get a reference to the link on the page
          // with an id of "mylink"
          var a = document.getElementById("mylink");

          //Set code to run when the link is clicked
          // by assigning a function to "onclick"
          a.onclick = function() {

            // Your code here...

            //If you don't want the link to actually 
            // redirect the browser to another page,
            // "google.com" in our example here, then
            // return false at the end of this block.
            // Note that this also prevents event bubbling,
            // which is probably what we want here, but won't 
            // always be the case.
            return false;
          }
        }
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;a id="mylink" href="http://www.google.com"&gt;linky&lt;/a&gt;        
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1595933|text|还有，为什么不用jQuery低调一点呢：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1595934|++$(function()+{
++++$("#unobtrusive").click(function(e)+{
++++++e.preventDefault();+//+if+desired...
++++++//+other+methods+to+call...
++++});
++});|code-block|syntax|javascript|1595935|HTML|1595936|<a+id="unobtrusive"+href="http://jquery.com">jquery</a>|1595937|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>And, why not unobtrusive with jQuery:</p>

<pre><code>  $(function() {
    $("#unobtrusive").click(function(e) {
      e.preventDefault(); // if desired...
      // other methods to call...
    });
  });
</code></pre>

<p>HTML</p>

<pre><code>&lt;a id="unobtrusive" href="http://jquery.com"&gt;jquery&lt;/a&gt;
</code></pre>


blocks|key|1595993|text|只需使用javascript：-+exemplale|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1595994|javascript:var+JFL_81371678974472+=+new+JotformFeedback({+formId:+'81371678974472',+base:+'https://form.jotform.me/',+windowTitle:+'Photobook+Series',+background:+'#e44c2a',+fontColor:+'#FFFFFF',+type:+'false',+height:+700,+width:+500,+openOnLoad:+true+})|code-block|syntax|javascript|1595995|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 use javascript:---- exemplale</p>

<pre><code>javascript:var JFL_81371678974472 = new JotformFeedback({ formId: '81371678974472', base: 'https://form.jotform.me/', windowTitle: 'Photobook Series', background: '#e44c2a', fontColor: '#FFFFFF', type: 'false', height: 700, width: 500, openOnLoad: true })
</code></pre>


blocks|key|1596017|text|基于@mister_lucky+answer与jquery的使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1596018|$('#unobtrusive').on('click',function+(e)+{
++++e.preventDefault();+//optional
++++//some+code
});|code-block|syntax|javascript|1596019|Html代码：|1596020|<a+id="unobtrusive"+href="http://jquery.com">jquery</a>|1596021|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>based on @mister_lucky answer use with jquery:</p>

<pre><code>$('#unobtrusive').on('click',function (e) {
    e.preventDefault(); //optional
    //some code
});
</code></pre>

<p>Html Code:</p>

<pre><code>&lt;a id="unobtrusive" href="http://jquery.com"&gt;jquery&lt;/a&gt;
</code></pre>


blocks|key|1380989|text|您可以使用按钮并将其样式设置为链接:+HTML代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1380990|​|1380991|button+{
width:0.0000000001px;
height:0.00000000001px;
++background-color:+#ffffff;
++color:+Blue;
++padding:+14px+20px;
++margin:+8px+0;
++border:+none;
++cursor:+pointer;
}|code-block|syntax|javascript|1380992|<button++onclick="function()"><u>Example+button</u></button>|1380993|1380994|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>You can use a button and style it like a link:
HTML code:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>button {
width:0.0000000001px;
height:0.00000000001px;
  background-color: #ffffff;
  color: Blue;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button  onclick="function()"&gt;&lt;u&gt;Example button&lt;/u&gt;&lt;/button&gt;</code></pre>
</div>
</div>
</p>


问如何使用链接调用JavaScript？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用链接调用JavaScript？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用链接调用JavaScript？
EN