ボタンのクリック時に Javascript を使用して ` タグの `href` 属性を変更する方法-jsチュートリアル-php.cn

ボタンのクリック時に Javascript を使用して ` タグの `href` 属性を変更する方法

Linda Hamilton

リリース： 2024-10-26 12:26:29

オリジナル

243 人が閲覧しました

How to Change the `href` Attribute of an `` Tag Using Javascript on Button Click?

の 'href' 属性を変更しています。 Javascript によるタグ付けボタン

をクリックして、の 'href' 属性を変更します。ボタンがクリックされたときに Javascript を使用してタグを付ける場合は、次のシナリオを考慮してください。

1.ページのリロードを防ぐ

デフォルトでは、空のをクリックすると、タグはページをリロードします。これを防ぐには:

<code class="html"><a href="#" onclick="f1()"></a></code>

ログイン後にコピー

2.スクロールの無効化

または、これを使用してページの上部へのスクロールを防ぐこともできます:

<code class="html"><a href="#" onclick="f1(); return false;"></a></code>

ログイン後にコピー

3.関数

で False を返す f1() 関数で False を返し、

<code class="html"><a href="#" onclick="return f1();"></a></code>

ログイン後にコピー

4 を使用することもできます。目立たない方法

あまり邪魔にならないアプローチとして次のことを検討してください:

<code class="html"><a href="#" id="abc"></a>
<a href="#" id="myLink"></a>

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

ログイン後にコピー

以上がボタンのクリック時に Javascript を使用して ` タグの `href` 属性を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。