首頁 > web前端 > js教程 > 使用 JavaScript 更改錨標記 href 屬性時如何防止頁面重新載入?

使用 JavaScript 更改錨標記 href 屬性時如何防止頁面重新載入?

Patricia Arquette
發布: 2024-10-27 08:22:02
原創
391 人瀏覽過

How to Prevent Page Reloads When Changing Anchor Tag href Attribute with JavaScript?

點擊按鈕時使用JavaScript 更改錨定標籤的href 屬性

在Web 開發中,需要動態修改錨定標籤的href 屬性錨點按鈕點擊上的標籤經常出現。以下是如何使用 JavaScript 來實現此目的。

在提供的程式碼片段中,f1() 函數將 ID 為「abc」的元素的 href 屬性變更為「xyz.php」。但是,提供的代碼將無法按預期工作。

預設情況下,點擊錨標記會觸發頁面重新載入。為了防止這種情況,您需要在錨標記中添加一個空的href 屬性,例如:

<code class="html"><a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" onclick="f1()">...jhhghj</a></code>
登入後複製

或者,您可以使用以下方法阻止頁面滾動:

<code class="html"><a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" onclick="f1(); return false;">...jhhghj</a></code>
登入後複製

或從f1() 函數返回false:

<code class="javascript">function f1() {
    document.getElementById("abc").href = "xyz.php";          
    return false;
}</code>
登入後複製

...jhhghj

For a more unobtrusive approach, employ an external JavaScript file:
登入後複製

...jhg
...jhhghj

document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href = "xyz.php";
    return false;
};
登入後複製

腳本>

以上是使用 JavaScript 更改錨標記 href 屬性時如何防止頁面重新載入?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板