JavaScript 中的自动点击

Shraddha Paghdar 2023年1月30日
  1. 在 JavaScript 中使用 window.open() 自动点击
  2. 在 JavaScript 中使用 window.location 实现自动点击
JavaScript 中的自动点击

window 对象是与浏览器通信的最重要的对象之一;它代表浏览器窗口。所有函数和全局变量都成为 window 对象的成员。

WindowLocation 对象用于获取当前页面的 URL 并更改重定向的 URL。

本文教大家如何在 JavaScript 中自动触发锚点标签的点击事件。这可以通过 location 属性或 window 对象的 open 方法来实现。

在 JavaScript 中使用 window.open() 自动点击

window.open() 是 JavaScript 提供的窗口接口方法,可将指定的 URL/资源加载到具有指定名称的新标签页或现有浏览器中。此方法创建一个用于打开特定 URL 的新窗口。

每次 window.open() 方法返回时,它都会包含 about:blank。执行当前脚本块后,将加载实际的 URL。

语法:

window.open(url, windowName, windowFeatures);

此方法将 url 作为输入参数,该参数是接受有效图像路径、URL 或其他浏览器支持的资源的必需参数。如果你传递一个空字符串,则会打开一个带有空 URL 的新标签页。

windowName 是一个可选参数,用于指定浏览器上下文的名称。这并不能确定窗口标题,而且此窗口的名称不能包含空格。

windowFeatures 是一个可选参数。如果属性是布尔值,此参数接受形式为 name=valuename 的新标签页的逗号分隔窗口属性。

一些选项是对象窗口的默认位置和大小。

你可以在方法 Window.location 的文档中找到更多信息。

<a class="myLink" id="gle-lnk" href="https://google.com">Open Google</a>
const link = document.getElementById('gle-lnk');
window.open(link.href);

在上面的代码中,我们使用了 window 对象的 open 方法,它将在新标签页中打开请求的 URL。

在 JavaScript 中使用 window.location 实现自动点击

这是 Window.location 的只读属性。这将返回 Location 对象。

与文档当前位置相关的所有信息都存储在此对象中。该位置对象还包含 hrefprotocolhosthostnameport 等。

你还可以使用 location 直接访问 window.location 属性,因为组件始终位于范围链的顶部。用户可以使用 href 属性或 Location 对象的 assign 方法来加载/打开另一个 URL/资源。

语法:

window.location = URL_PATH;
window.location.assign(URL_PATH);
window.location.href = URL_PATH;

URL_PATH 是一个必需参数,它接受要打开的有效 URL。此 URL 可以是任何 URL、绝对 URL、锚 URL、相对 URL 或新协议。

<a class="myLink" id="gle-lnk" href="https://google.com">Open Google</a>
const link = document.getElementById('gle-lnk');
window.location = link.href;
window.location.href = link.href;

在上面的代码中,我们使用了 window 对象的 location 属性,它将使用同一标签页中的现有 URL 更改请求的 URL(在锚标记中指定)。

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - JavaScript Event