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

网络编程 2021-07-04 20:00www.168986.cn编程入门

这篇文章主要介绍了jQuery操作iframe中js函数的方法,结合实例形式分析了jQuery操作iframe中的元素、函数常用方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。