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

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

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

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

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

<code class="html"><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" onclick="f1()">...jhhghj</a></code>

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

<code class="html"><a href="https://www.php.cn/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中文網其他相關文章！