谷歌浏览器不能使用opener属性的问题和解决
来源:互联网 发布:爱斯曼网络 编辑:程序博客网 时间:2024/06/04 01:15
我先放一个简化的案例:
父页面:
<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="选择" onclick="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="选择" onclick="s1('100','光辉岁月')"></td>
<td>100</td>
<td>光辉岁月</td>
</tr>
<tr>
<td><input type="button" value="选择" onclick="s1('101','冷雨夜')"></td>
<td>101</td>
<td>冷雨夜</td>
</tr>
<tr>
<td><input type="button" value="选择" onclick="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/****** 访问该页面,是没有毛病的。
- 谷歌浏览器不能使用opener属性的问题和解决
- 解决浏览器不能上google的问题
- ie浏览器不能使用chinaexcel的解决
- 解决谷歌浏览器下字体不能小于12px的问题
- 解决谷歌浏览器无法使用插件的问题!
- LR解决不能自动打开程序和不支持的浏览器的录制问题
- html:optionsCollection 的 filter 过滤属性使用心得 - 解决空格不能显示的问题
- 使用jspsmartupload解决表单属性为multipart/form-data不能传其他参数的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- Android 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 使用ScrollView属性fillViewport解决android布局不能撑满全屏的问题
- 代理服务器原理
- CentOS7 网络设置-nmcli/nmtui
- android UI -Fragment参考
- ftpClient ,httpClient
- 分布式系列 单点登录和session共享
- 谷歌浏览器不能使用opener属性的问题和解决
- centos7 关闭firewall安装iptables并配置
- Android UI布局
- listview中glide加载网络图片跳跃问题
- 但法官法大公司的
- DOM nextSibling 属性
- Revit进阶 之 屏幕坐标点转换为空间坐标点
- Codeforces Round #420 (Div. 2)
- 湖师大集训记录