Aphorism

Grow In Errors!

前言

最近肾七电池不耐用了，想想左腹就隐隐作痛，咳咳，回归正题，我就联系了下 apple 客服，准备换个电池，2018年 12.31 前更换苹果电池是有优惠政策的。在打开聊天室的时候，突然发现浏览器重新打开了窗口；又回想到了之前公司的登陆表单也是在一个小窗口中打开输入登陆信息的。嗯，强迫症来了

主要api

window.open 打开动作
window.opener 由谁打开的

打开新的 tab 和打开新的浏览器窗口

origin page

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>origin Page</title>
</head><body>i am origin page!<br><p><a href="javascript:;" onclick="jumpPage();">window.open 打开新标签页</a></p><p><a href="http://www.w3school.com.cn" target="_blank">html方式 打开新标签页</a></p><p><a href="javascript:;" onclick="openRequestedPopup();">window.open 打开新的浏览器窗口</a></p><br><script>window.name = "origin";function open_win() {window.open("http://www.w3school.com.cn")}function jumpPage() {window.open("http://www.w3school.com.cn", 'hello');}var windowObjectReference;var strWindowFeatures = "width=1000,height=500,menubar=yes,location=yes,resizable=yes,scrollbars=true,status=true";function openRequestedPopup() {// windowObjectReference = window.open("http://www.w3school.com.cn", "CNN_WindowName", strWindowFeatures);windowObjectReference = window.open("./b.html", "B_page", strWindowFeatures);setTimeout(function () {//windowObjectReference.close(); // 我们页面中关闭 或进行其他操作 打开的 窗口页console.log(windowObjectReference.position); // 10s 后 在origin winodw 控制台 打印 B_page 视口对象中的position 成员}, 10000);}</script>
</body>
</html>

b page

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>b page</title>
</head>
<body>i am b page!<script>console.log(window.name);var position = "b page";console.log(window.opener.name); // 通过这个方法获取 源窗口对象 //  注意跨域页面是不能获取到的</script>
</body>
</html>

打开新的 tab 标签页就不多做解释了

我们通过 window.open 方法的第三个参数 strWindowFeatures 配置后，就可以在新的窗口中打开，该方法会返回打开的窗口对象。在新的窗口中，我们也可以通过 window.opener 来获取到源窗口对象。

如何通过 js 打开一个新的浏览器窗口相关推荐

vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
html js打开一个新的页面
1.在同当前窗口中打开窗口 <a href="http://www.baidu.com" title="baidu">baidu</a> ...
windbg学习---.browse打开一个新的command 窗口
.browse r eax .browse <command>将会显示新的命令浏览窗口和运行给出的命令转载于:https://www.cnblogs.com/hgy413/p/36933 ...
使用js直接下载pdf文件而不用在新的浏览器窗口打开
最近接了一个需求,要求用户点击下载按钮后直接下载pdf文件,而不是打开一个新窗口,让用户再去手动保存. 接到需求后我立刻着手在网上查找文档,发现很多声称可以实现直接下载的方法都不行,只有下面这个方法成 ...
火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...
window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法
window.open 只打开一个窗口是将 oNewWindow = window . open ( sURL , sName , sFeatures , ...
window.open html打开一个新页面
<html><head><meta charset="utf-8"><title>打开一个新页面</title>< ...
Oracle VM VirtualBox启动新建虚拟机弹错--不能为虚拟机xxxx电脑打开一个新任务解决方法；
Oracle VM VirtualBox启动新建虚拟机弹错--不能为虚拟机xxxx电脑打开一个新任务解决方法: 参考文章: (1)Oracle VM VirtualBox启动新建虚拟机弹错--不能 ...
[Issue Fixed]-不能为虚拟电脑xxx打开一个新任务
使用window host + virtualbox + ubuntu vm的时候,有时候window突然断电关机了.此时重启window电脑后,再次使用virtualbox打开ubuntu vm时, ...

如何通过 js 打开一个新的浏览器窗口

Aphorism

前言

主要api

打开新的 tab 和打开新的浏览器窗口

如何通过 js 打开一个新的浏览器窗口相关推荐

最新文章

热门文章

如何通过 js 打开一个新的浏览器窗口

Aphorism

前言

主要api

打开新的 tab 和 打开新的 浏览器窗口

如何通过 js 打开一个新的浏览器窗口相关推荐

最新文章

热门文章

打开新的 tab 和打开新的浏览器窗口