父窗口操控iframe

iframe id为iframeCover，其中有个className为M-EbookMaker-Cover的div
需要获取iframe中的一个div对象进行操作

参考

http://www.cnblogs.com/ranzige/p/4213817.html

发现

window.frames["iframeCover"].document

根本获取不到对象，正确的方法应该是

http://www.cnblogs.com/lovebaoqiang/p/pathFinding.html

所说，使用contentDocument

$(window.frames["iframeCover"].contentDocument.getElementsByClassName("M-EbookMaker-Cover"))

如果直接在本地文件夹调试，在Chrome控制台出现错误

EbookMakerOL-CoverMaker.html:42 Uncaught SecurityError: Failed to read
the ‘contentDocument’ property from ‘HTMLIFrameElement’: Blocked a
frame with origin “null” from accessing a frame with origin “null”.
Protocols, domains, and ports must match.

这是浏览器同源策略（本地调试时，涉及跨域）的问题。

解决办法：
上传到服务器，问题就不会出现了。

代码

    $("#iframeCover").load(function(){$(this.contentDocument.getElementsByClassName("M-EbookMaker-Cover")).css("transform","translate(-50%,-50%) scale(0.31,0.31)");})

父窗口操控iframe相关推荐

qt如何把父窗口的变量传给子窗口_父窗口和iframe子窗口之间相互传递参数和调用函数或方法...
1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sAr ...
兼容IE和火狐JS父窗口调用iframe里面的对象、函数的方法
一个页面,iframe了一个框架: parent.add_cart(); //子框架,可以访问父框架的函数 parent.frames["BoardList"].document. ...
iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...
iframe 子父窗口互掉 js
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></ ...
javascript调用父窗口（父页面）的方法
window.parent与window.opener的区别 javascript调用主窗口方法 1: window.parent 是iframe页面调用父页面对象举例: a.html Html ...
父页面调子iframe页面方法和子iframe调用父页面方法
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></ ...
[easyui] 在iframe中操作父窗口的组件
在项目中遇到问题: 需要在iframe中,操作父窗口的tabs组件,来添加一个新窗口,操作一直会报错: jquery.easyui.min.js:4995 Uncaught TypeError: Ca ...
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看.也给大家分享一下! 以下面写出自己认为有用的操作和代码. 第一次在园里面写,肯定有很多不足够之处,希望大家多多指点. 一. ...
获取父窗口元素或者获取iframe中的元素（相同域名下）
jquery方法在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素");/ ...

父窗口操控iframe

父窗口操控iframe相关推荐

最新文章

热门文章