使用 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中文网其他相关文章！