ホームページ > ウェブフロントエンド > jsチュートリアル > ボタンのクリック時に Javascript を使用して ` タグの `href` 属性を変更する方法

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

Linda Hamilton
リリース: 2024-10-26 12:26:29
オリジナル
255 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート