发布于 2026-01-06 2 阅读
0

浏览器中 window.open 的神奇之处

浏览器中 window.open 的神奇之处

window对象受大多数现代浏览器支持。它代表浏览器窗口。它window是根对象,所有其他 JavaScript 对象、函数和变量都是它的成员。

它有一些属性和方法。这里,我们将了解 window.open 方法,它主要用于打开一个新窗口来执行某些操作。

Window.open() - 打开一个新窗口,并返回windowProxy窗口对象的包装器对象。

句法:

window.open(?url, ?target, ?features)- 这三个参数都是可选的。

url- 要导航到的网址。

target- 窗口名称 - 如果不存在具有该名称的窗口,则打开一个新窗口;否则,只需聚焦现有窗口并重新加载。

features- 浏览器特性,例如宽度、高度等。

// -> 打开一个包含指定网址和名称的弹出窗口JS_Articles(不是浏览器标题)

const windowObj = window.open('https://dev.to/urstrulyvishwak', 'JS_Articles', 'popup');

// -> 聚焦窗口 - 如果“JS_Articles”窗口位于当前浏览器窗口之后,则它将获得焦点。

windowObj.focus();

// -> 模糊窗口 - 使窗口失焦而不是聚焦。

windowObj.blur();

// -> 从索引 0 开始,当前窗口中打开的窗口数量。

windowObj.length;

// -> 关闭 - 关闭窗口

windowObj.close();

// -> closed - 它返回布尔值,表示窗口是已打开还是已关闭。
windowObj.closed;

利用这些特性,我们可以完全处理新打开的窗口。

你可以在这里关注我:https://twitter.com/urstrulyvishwak

谢谢 :)。祝您阅读愉快。

文章来源:https://dev.to/urstrulyvishwak/magic-of-windowopen-in-browsers-3ioc