js实现加载页面就自动触发超链接的示例

实现加载页面就自动触发超链接的功能，可以使用JS的自动点击事件（click()）实现。具体可以分为以下两条示例。

示例一

下面是执行代码函数：

window.onload = function() {
  document.getElementById('link').click();
}

在 HTML 页面中加入超链接（如下所示）：

<a id="link" href="http://example.com">example link</a>

解析：这段代码使用 onload 事件，意味着当页面加载完成后就会触发代码中的函数。当 onload 触发后，代码将找到 id 为“link”的超链接元素，并使用 click() 方法自动触发它的点击事件。这会将浏览器重定向到超链接的 URL 上。

示例二

下面是执行代码函数：

document.addEventListener('DOMContentLoaded', function() { 
  document.querySelector('#link').click(); 
});

在 HTML 页面中加入超链接（如下所示）：

<a id="link" href="http://example.com">example link</a>

解析：这段代码使用 DOMContentLoaded 事件，意味着当 HTML 和 CSS 加载完成后就会触发代码中的函数，而无需等待所有图像、脚本和其他资源的下载完成。当 DOMContentLoaded 触发后，代码将找到 id 为“link”的超链接元素，并使用 click() 方法自动触发它的点击事件。这将会将浏览器重定向到超链接的 URL 上。

注意：

以上两种方法都可以在页面加载完成时自动触发超链接，但也要注意页面加载速度，上述示例的超链接假设加载非常快，否则页面可能不会重定向到目标 URL。

在第二个示例中使用的 DOMContentLoaded 事件有时可能被阻止（例如在页面 DOM 中有许多嵌套的元素时），这种情况下可以改用 window.onload 事件。