jQuery操作iframe中js函数的方法小结

177 阅读 0 评论 117 点赞

我是靠谱客的博主花痴板凳，最近开发中收集的这篇文章主要介绍jQuery操作iframe中js函数的方法小结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考，具体如下：

1、jquery操作iframe中的元素（2种方式）

var tha = $(window.frames["core_content"].document).find("#trewuuu").html();
var thb = $("#core_content").contents().find("#trewuuu").html();

2、操作父界面中的元素（header：为某个元素的id）

$('#header', parent.document).text()

3、js调用iframe中的js函数（2种）

window.frames["core_content"].window.testIframe2("11");
document.getElementById("core_content").contentWindow.testIframe2("11");

4、jquery调用iframe的js函数（带参数的会有返回值）

$("#core_content")[0].contentWindow.testIframe2("11");

注意事项：

要和所包含的iframe在同一个域名（因为不能跨域）

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作iframe技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。