谷歌浏览器不能使用opener属性的问题和解决

最新推荐文章于 2023-01-01 16:30:19 发布
最新推荐文章于 2023-01-01 16:30:19 发布
阅读量6k 收藏 3
点赞数
分类专栏： 前端 文章标签： opener谷歌浏览器不兼容 解决谷歌浏览器不能使用opener
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/O_ORick/article/details/73731464
版权

我先放一个简化的案例:

父页面:

<html>
<head>
<title>HTML_CSSS</title>
<script type="text/javascript">
function open_func() {
window.open("user.html","width=250","height=150");
}
</script>
</head>
<body>
编号: <input type="text" id="numid"/><br/>
姓名: <input type="text" id="nameid"><br/>
<input type="button" value="选择" οnclick="open_func()"/>
</body>
</html>


子页面:

<html>
<head>
<title>USER</title>
</head>
<body>
<table>
<tr>
<td>操作</td>
<td>编号</td>
<td>歌名</td>
</tr>
<tr>
<td><input type="button" value="选择" οnclick="s1('100','光辉岁月')"></td>
<td>100</td>
<td>光辉岁月</td>
</tr>
<tr>
<td><input type="button" value="选择" οnclick="s1('101','冷雨夜')"></td>
<td>101</td>
<td>冷雨夜</td>
</tr>
<tr>
<td><input type="button" value="选择" οnclick="s1('102','海阔天空')"></td>
<td>102</td>
<td>海阔天空</td>
</tr>
</table>

<script type="text/javascript">
function s1(num1,name1) {
var pwin = window.opener;
pwin.document.getElementById("numid").value = num1;
pwin.document.getElementById("name1").value = name1;
window.close();
}
</script>

</body>
</html>


症状:能弹出子页面没毛病,但问题是谷歌浏览器在子页面上点击选择按钮毫无反应,IE上需要通过允许,Firefox问题.

原因:是opener属性的缘故,但不是谷歌浏览器的兼容性问题,首先要知道js安全机制原则上是不能访问本地文件的,并且谷歌浏览器的安全设置级别比较高,认定你在"本地"应用opener属性的时候是通过js打开本地文件,所以操作被截止.

但是,在实际开发环境中是不会产生这个问题的,因为当把页面文件部署到服务器上,通过谷歌浏览器输入  localhost/******   或者   127.0.0.1/******  访问该页面,是没有毛病的。

O_O SupeRed
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
前台页面对象不支持“open”属性或方法
lcz0615的专栏
09-08 5719
art.dialog.open()方法属扩展方法， 你必须在加载之后， 加载:artdialog/plugins/iframeTools.js ，即<script type="text/javascript" src="../js/common/plugins/iframeTools.js"> 注意：是在artdialog的js后面加载！！！
window.open的火狐、谷歌兼容写法
weixin_34038293的博客
01-01 1090
经常看到群里有朋友问，在火狐和谷歌下的window.open要怎么写，而且还要能设置宽高，我也曾经遇到过这个问题，然后在网上搜索一番，几经艰辛终于找到答案，希望给以后的朋友方便。此方法只能通过按钮点击触发。 window.onload=function(){ var oInp=document.getElementById('input1'); oInp.onclick=fu...
window.open()打开的窗口用window.opener()在chrome浏览器下失败的原因
Shuny_Yang的博客
03-10 6381
window.open()打开的窗口用window.opener()在chrome浏览器下失败的原因： 使用opener之类的父子窗口通信函数，访问本地网页是会失败的，必须布置在服务器上，访问服务器网页则会成功。
chrome不支持对opener方法的调用？
anw53724的博客
10-18 719
自从开始做Web开发后，我就经常在不同的浏览器间换来换去，目前主要使用四种浏览器，分别是IE、Firefox、Chrome和Safari，这四种浏览器各有千秋，说不上谁最好，如今开发的网站，我都会用这四种浏览器测试下效果。最近做一个页面需要用到opener的方法进行调用，我把代码精简了一下，这是主页面main.htm： <!DOCTYPE html> <html...
Chrome调试本地文件无法使用window.opener对象进行窗口间值传递
weixin_34365417的博客
01-16 590
今天在百度BAE上建了个应用，svn上传后发现页面间互调有些问题，几经查询发现： （1）IE下正常的window.opener.object1.object2页面间对象访问方法在Chrome下不能使用，修改为window.opener.document.getElementById('object2')解决问题； （2）Chrome调试本地网页文件时无法使用window.opener对象访问父...
再谈window.opener问题，ie跟google浏览器显示不同
阿凯的专栏
07-26 9041
window.opener.eval("parentName.value='"+ parentName +"'");上述代码在谷歌浏览器中显示好好的，可是在IE9中就没有效果了！搜索了一下，采用一下方法就可以了：window.opener.document.getElementB
谷歌浏览器不支持showModalDialog模态对话框的解决方法
12-09
然而，随着浏览器的发展，特别是谷歌浏览器（Chrome）对Web标准的持续更新和优化，`showModalDialog` 在某些版本中逐渐失去了支持，这导致了使用该功能的代码在最新版本的Chrome中可能无法正常工作。 在标题和描述...
showModalDialog在谷歌浏览器下会返回Null的解决方法
09-04
在这里，我们检查 `window.opener` 是否定义，因为 Chrome 下这个属性不为空，而在 IE 和 Firefox 中则是 `undefined`。对于 Chrome，我们使用 `window.opener.returnValue` 设置返回值，并调用 `window.opener....
谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip
05-14
在IT领域，尤其是在Web开发中，谷歌浏览器（Google Chrome）因其强大的性能和广泛的支持而备受开发者喜爱。这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的...
在firefox和Chrome下关闭浏览器窗口无效的解决方法
12-12
首先IE是可以通过window.close()来关闭浏览器窗口的，但是在firefox和... 默认是false chrome下的默认是不支持这种关闭方式的，但是也可以通过一些特殊的手段进行关闭： 代码如下: window.opener=null; window.open
javascript window.opener的用法分析
01-19
window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为： window.opener.document.getElementById(“name”).value = “输入的数据”; 对于javascript中的window.opener没有很好的理解。 为什么框架中不能使用，弹出窗口的父窗口不能在框架里面的某个页面呢？那怎样通过弹出窗口操作框架中的父窗口呢？ opener.parent
谷歌与IE浏览器兼容问题
weixin_43391020的博客
06-09 2643
目前在做浏览器升级的工作，要保证IE和谷歌都能正常使用，记录一下升级过程中的一些方法。
window.opener.document事件无效
z185665096的专栏
12-18 1794
问题说明 在子窗口(window.open)中针对父窗口(window.opener)的dom进行赋值并且触发change或click事件无效。 $('#username', window.opener.document).val('zhuyuan'); $('#username', window.opener.document).change(); 解决方案 使用window.opener...
window.opener方法的调用
h5css3_linhuai的博客
05-22 3076
在chrome浏览器里使用必须是在项目里面 main.html代码 main var wd; var winTimer;//计时器变量, 监听窗口关闭 function openWindow() { wd = window.open("child.html",null," height=300,width=450, Left=300px,Top=2
如何在Google Chrome浏览器中手动设置您的位置
culingluan4376的博客
09-16 1771
Phones get all the fun toys. Thanks to built-in GPS, network triangulation, and other goodies, it’s possible for them to use a more-or-less exact location for apps and website tools. 手机会得到所有有趣的玩具。 借助...
网络安全opener 值得注意的安全问题
baidu_41678158的博客
01-01 315
最近在学习浏览器知识的时候，讲到了浏览器之间的渲染进程共用的问题。其中 opener 能被引用到的两个页面，会在同一个渲染进程中。而这两个页面，可以称为：浏览上下文组。但在测试的时候，反倒是发现了一个opener 注意的问题，原因虽是“人祸”，但也要小心！基于此做下记录，给大家做个提醒。关于前面这个问题，MDN上面也有专门的介绍：返回打开当前窗口的那个窗口的引用，例如：在window A中打开了window B，B.opener 返回 A.关于 opener 属性的解读，相信之前大家都有了解过。
当window.opener无法调用时的原因与解决方案
qq_42565292的博客
08-08 5779
window.opener在谷歌浏览器中提示window.opener… is not a function 出错的原因： 症状:能弹出子页面没毛病,但问题是谷歌浏览器在子页面上点击选择按钮毫无反应,IE上需要通过允许,Firefox问题. 原因:是opener属性的缘故,但不是谷歌浏览器的兼容性问题,首先要知道js安全机制原则上是不能访问本地文件的,并且谷歌浏览器的安全设置级别比较高,认定你在"本地"应用opener属性的时候是通过js打开本地文件,所以操作被截止. 但是,在实际开发环境中是不会产生这个问
如何解决高版本Google Chrome（谷歌浏览器）扩展程序强制停用问题?或者经常提示停用扩展程序
热门推荐
ANotes的博客
04-27 1万+
如何解决高版本Google Chrome（谷歌浏览器）扩展程序强制停用问题?
window.showModelDialog和window.open方法
Doris0430的博客
11-29 636
window.showModelDialog(url,params,features); 可以在IE浏览器中打开窗口，在谷歌浏览器中不能使用 利用window.dialogArguements 接收父窗口的数据 window.open(url,name,features,replace); 可以在谷歌浏览器中打开窗口 三种传递参数的方法： url传参： 比如 “localhost:...
electron 调用谷歌浏览器打开点击的链接，如果没有谷歌浏览器那么用默认浏览器打开
最新发布
05-24
可以使用 Node.js 中的 `shell` 模块来执行系统命令，达到打开浏览器的目的。具体步骤如下： 1. 安装 `opener` 模块，它可以在任何平台下打开网页。 ```bash npm install opener --save ``` 2. 在 Electron 主进程中使用 `opener` 执行打开链接的命令。如果系统中有 Google Chrome 浏览器，则用 Chrome 打开链接；否则使用系统默认浏览器打开链接。 ```javascript const { shell } = require('electron'); const opener = require('opener'); // 在 Electron 主进程中 const openLink = (url) => { if (shell.which('google-chrome')) { // 如果系统中有 Google Chrome 浏览器，则使用 Chrome 打开链接 opener(`${url}`, { command: ['google-chrome'] }); } else { // 否则，使用系统默认浏览器打开链接 shell.openExternal(`${url}`); } }; ``` 在渲染进程中，可以使用 `ipcRenderer` 将链接发送给主进程，然后在主进程中执行打开链接的函数。 ```javascript // 在 Electron 渲染进程中 const { ipcRenderer } = require('electron'); const openLink = (url) => { ipcRenderer.send('open-link', url); }; ``` 在主进程中监听 `open-link` 事件，然后调用打开链接的函数。 ```javascript // 在 Electron 主进程中 const { ipcMain } = require('electron'); ipcMain.on('open-link', (event, url) => { if (shell.which('google-chrome')) { // 如果系统中有 Google Chrome 浏览器，则使用 Chrome 打开链接 opener(`${url}`, { command: ['google-chrome'] }); } else { // 否则，使用系统默认浏览器打开链接 shell.openExternal(`${url}`); } }); ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值