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

最新推荐文章于 2023-05-26 11:28:04 发布

转载最新推荐文章于 2023-05-26 11:28:04 发布 · 4.2k 阅读

147 篇文章

订阅专栏

本文介绍了使用jQuery和原生JavaScript操作iframe内的DOM元素及调用其内部JS函数的方法，包括获取iframe内指定元素的内容、调用iframe中的函数等，并强调了这些操作需在同一域名下进行。

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在同一个域名（因为不能跨域）