如何使用JavaScript触发HTML链接的href属性？

触发 href 的 JavaScript 源码

JavaScript 提供了多种方法来触发href 属性，从而导航到指定的 URL，以下是一些常见的方法：

使用window.location 对象

// 设置新的 URL 并导航到该地址
window.location.href = "https://www.example.com";

使用<a> 元素的click() 方法

// 获取 <a> 元素
var link = document.getElementById("myLink");
// 触发点击事件
link.click();

使用addEventListener 监听点击事件

// 获取 <a> 元素
var link = document.getElementById("myLink");
// 添加点击事件监听器
link.addEventListener("click", function(event) {
    // 阻止默认行为（阻止页面跳转）
    event.preventDefault();
    
    // 执行自定义操作（记录点击事件）
    console.log("Link clicked!");
});

相关问题与解答

问题1: 如何在不刷新页面的情况下触发href？

答案: 如果你不想在触发href 时刷新页面，你可以使用event.preventDefault() 方法来阻止链接的默认行为，这将允许你在链接被点击时执行其他 JavaScript 代码，而不会导航到新的 URL。

问题2: 如何通过 JavaScript 动态地改变href 的值？

答案: 你可以通过修改<a> 元素的href 属性来动态地改变其值。

// 获取 <a> 元素
var link = document.getElementById("myLink");
// 修改 href 属性的值
link.href = "https://www.newurl.com";

这样，当用户点击这个链接时，浏览器将会导航到新的 URL。