谷歌浏览器的一个新特点—关于获取iframe的parent对象
谷歌浏览器在调试JavaScript脚本方面很方便,今天在使用谷歌浏览器调试代码时无意间发现了一个奇特的问题:Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.,这主要是没有获取iframe所在所在页面的parent的造成的,代码如下:
index.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
function test() {
alert('您成功调用了iframe标签所在页面的函数!');
}
</script>
</head>
<body>
<iframe frameborder="1" src='child.html' style="width:50%; height:50%;" ></iframe>
<div style="font-size: 36px; margin-left: 40%; color: red;">iframe标签所在页面</div>
</body>
</html>
child.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<input type="button" οnclick="javascript:window.parent.test();" value="调用iframe标签所在页面的函数"/>
<div style="font-size: 21px; margin-left: 40%; color: red;">iframe标签所引用的页面</div>
</body>
</html>
【0分下载代码文件】
如果上面代码在电脑上直接使用谷歌浏览器运行就会出现上面的错误“Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols,domains, and ports must match.”,而使用诸如IE浏览器直接访问则不会出现这种情况;如果将其使用服务器(比如Tomcat)发布一下,再次使用谷歌浏览器通过http访问index.html文件则不会出现这种情况。
总结:如果在本地用file协议使用谷歌浏览器打开含有iframe标签的页面,则被iframe标签引用的页面无法访问iframe标签所在页面的parent对象,除非使用服务器(比如Tomcat)发布一下。
谷歌浏览器的一个新特点—关于获取iframe的parent对象相关推荐
- jQuery获取iframe的document对象的方法
2019独角兽企业重金招聘Python工程师标准>>> 获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $( ...
- JQuery获取iframe中window对象的方法-contentWindow
document.getElementsByTagName('iframe')[0].contentWindow 获取到的就是iframe中的window对象. 转载于:https://www.cnb ...
- JQuery获取iframe中window对象方法.contentWindow
document.getElementsByTagName('iframe')[0].contentWindow
- js获取iframe里的元素
1.<iframe id="list_iframe" name="list_iframe"></iframe> iframe页面元素: ...
- django界面上弹出bootstrap modal对话框,对话框中包含iframe并请求一个新的页面
1.首先,需求是这样的,点击编辑学生信息的操作,弹出个添加学生课程的对话框,在对话框中需要一个选择学生课程的输入框,点击时,弹出选择课程的对话框并包含iframe,这个iframe是请求一个view的 ...
- 点击一次铵钮产生一个新文本框,分别输入值,然后获取
参考前一篇,http://www.cnblogs.com/insus/archive/2012/09/23/2698613.html 没有达到用户的要求,用户要求是每点击一次添加铵钮,产生一个新的文本 ...
- 一个新的豆瓣API替代接口,可获取豆瓣、IMDB、烂番茄的电影/电视剧双语(中英)数据,支持IMDB和douban TOP250接口
说明 本人有个项目需要使用豆瓣API接口获取一些影视数据,近段时间由于豆瓣API经常出问题,项目有点受影响,所以就下定决心,自己开发个类似接口,就结合Wikidata和爬虫,模仿豆瓣制作了一个新的AP ...
- 获取一个新的日期,它的值为指定日期当年的最后一天
获取一个新的日期,它的值为指定日期当年的最后一天 /*** 获取一个新的日期,它的值为指定日期当年的最后一天* @param date 指定日期* @return YYYY-MM-DD*/public ...
- python获取字符串第一个字母_Python3基础 字符串 capitalize 返回一个新的字符串,它的第一个字母大写...
镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体. ------------------------------------- ...
- js获取iframe中的元素_在 HTML 中包含资源的新思路
作者:scott jehl 翻译:疯狂的技术宅 原文:https://www.filamentgroup.com/lab/html-includes/未经许可严禁转载 注意:这篇文章描述了一种我们仍需 ...
最新文章
- KDD 2019高维稀疏数据上的深度学习Workshop论文汇总
- Verilog随机数生成$random
- deepin下载软件慢切换镜像
- 【Android 插件化】Hook 插件化框架 ( 通过反射获取 “宿主“ 应用中的 Element[] dexElements )
- 西安电子科技大学第16届程序设计竞赛G题
- 双优先编码器_掌握双原生 ISO,提升动态范围
- Microsoft Azure 中的 SharePoint Server 2013 灾难恢复
- linux 内核设备管理模型sysfs(进阶篇)
- HTML5 Canvas中创建图像数据
- 一般微型计算机有几十条,计算机单选题.doc
- MySQL用户管理和访问权限
- mysql 创建时间 只能设置一个_在MySQL中创建数据表时,可以设定主键、外键。那么对于一个数据表,能设置的主键和外键个数最多分别是...
- 数据科学包13-实例2:时间事件日志
- 两个组件对不齐(css样式问题)
- java课程设计仓库管理系统_java课程设计仓库管理系统.doc
- 各浏览器flash插件下载地址
- 第四章-2 hydra(九头蛇)与Medusa(美杜莎)
- PID控制KP.KI.KD用法
- Nacos 配置不生效
- [Western CTF 2018]shrine
热门文章
- C# System.Timers.Timers的用法在工控设备上位中的用法
- Linux -- 特殊权限 (转)
- HDU 1210 Eddy's 洗牌问题(foj1062) || FOJ1050 Number lengths水
- DPDK 实现的不完全笔记
- 基于centos7进行yum安装lnmp linux+nginx+php7.1+mysql5.7
- Memcached CAS协议 通过版本号,防止多线程修改错误
- 修改windows默认远程管理端口
- 9.凤凰架构:构建可靠的大型分布式系统 --- 可靠通信
- 3.算法通关面试 --- 哈希表和集合
- 18.go 日志监控系统