點擊按鈕時使用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>
For a more unobtrusive approach, employ an external JavaScript file:
document.getElementById("myLink").onclick = function() { document.getElementById("abc").href = "xyz.php"; return false; };
腳本>
以上是使用 JavaScript 更改錨標記 href 屬性時如何防止頁面重新載入?的詳細內容。更多資訊請關注PHP中文網其他相關文章!