浏览器中 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