谷歌浏览器不能使用opener属性的问题和解决
我先放一個簡化的案例:
父頁面:
<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/****** ?訪問該頁面,是沒有毛病的。
總結
以上是生活随笔為你收集整理的谷歌浏览器不能使用opener属性的问题和解决的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 安卓手游模拟器有很多，不同于模拟器的TC
- 下一篇： 2017年html5行业报告,云适配发布