获取html中嵌套的iframe中的元素和属性以及iframe中获取父html中元素的值

1.获取html中嵌套的iframe中的元素

           js获取: var myIframe = document.getElementById("frame_1").contentWindow;
                          var content=myIframe.document.getElementById("son").innerText;

           jquery获取:1.$("#iframe的ID").contents().find("#iframe中的控件ID").click();

            2.$("#iframe中的控件ID",document.frames("frame的name").document);

2.iframe中获取父html中的元素

     js获取:window.parent.document.getElementById("父窗口的元素ID");

     jQuery获取: $('#父窗口中的元素ID', parent.document).click(); 

谷歌浏览器中报Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match异常的问题。

解决:在本地用file协议使用谷歌浏览器打开含有iframe标签的页面。则被iframe标签引用的页面无法訪问iframe标签所在页面的parent对象,除非使用server(比方Tomcat)公布一。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值