首頁 > web前端 > js教程 > 主體

如何使用 JavaScript 更改按鈕點擊時 `` 標籤的 `href` 屬性?

Patricia Arquette
發布: 2024-10-28 16:16:02
原創
242 人瀏覽過

How to Change the `href` Attribute of an `` Tag on Button Click with JavaScript?

如何修改 的Href 屬性使用JavaScript 在按鈕單擊上標記

問題:

如何更改 的href 屬性值在點擊按鈕時透過JavaScript 標記?

答案:

要更改 的href 屬性按一下按鈕時,可以使用以下方法:

選項1:使用空href

新增空白href 屬性標籤:

<code class="html"><a href="" id="abc">jhg</a></code>
登入後複製

選項2:防止頁面重新載入

選項2:防止頁面重新載入

<code class="html"><a href="#" onclick="f1();">jhhghj</a></code>
登入後複製

在href 屬性中包含以下程式碼以防止頁面重新載入:

選項3:從函數傳回False

<code class="html"><a href="#" onclick="return f1();">jhhghj</a></code>
登入後複製

在f1() 函數中,傳回false並從href 中呼叫它,如下所示:

選項4:不顯眼的方式

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

<script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php";
    return false;
  };
</script></code>
登入後複製
使用以下JavaScript 來修改href 屬性而不使用內聯事件處理程序:

以上是如何使用 JavaScript 更改按鈕點擊時 `` 標籤的 `href` 屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!