リンクが js を実行する方法の概要 (コード付き)

この記事は、リンク上で js を実行する方法をまとめたものです (コード付き)。必要な方は参考にしていただければ幸いです。

目的: ジャンプを禁止し、リンクにバインドされた関数を直接実行します

href="javascript:;"、ここで javascript: は疑似プロトコルであり、これを使用してリンクを通じて JavaScript 関数を呼び出すことができます。メソッド javascript:; は、実行時に A タグのクリック イベントを実現できます。ページに多くのコンテンツが含まれており、スクロール バーがある場合、ページが飛び回ることがなく、ユーザー エクスペリエンスが向上します

1: 直接実行

<a href="javascript:a()&#39;;">  //直接执行函数a不推荐

2: ジャンプ実行の推奨なし

<a href="javascript:void(0);" onclick=&#39;a()&#39;>   //不发生跳转直接执行函数a 推荐

3: 上記と同じ 推奨

<a href="javascript:;" onclick=&#39;a()&#39;>       //执行了一条空的js代码 推荐

4: 空のアンカー

<a href="#" onclick=&#39;a()&#39;>   
//#表示top用这种方法点击后网页后返回到页面的最顶端。

5: ページの先頭に戻らずに上記と同じ 推奨

<a href="#" onclick=&#39;a()&#39; return false;>    //触发事件但不跳转  推荐

関連する推奨事項:

以上がリンクが js を実行する方法の概要 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。