JS获取跨域IFRAME中的内容，支持FIREFOX和IE

最新推荐文章于 2025-07-12 15:25:53 发布

原创最新推荐文章于 2025-07-12 15:25:53 发布 · 3.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#firefox #iframe #ie

收录于

JavaScript 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了如何在JavaScript中解决跨域IFRAME内容获取问题，尤其是在Firefox和IE浏览器下。关键在于通过设置`document.domain`使父页面和IFRAME的主域相同，例如将它们都设置为'csdn.com'。示例代码展示了一种实现方式，包括在a.csdn.com/a.html和b.csdn.com/b.html中设置`document.domain`，然后在b.html中通过`window.self.frames["framea"].document.getElementById("a").innerHTML`获取a.html中IFRAME元素的内容。

JS跨域的问题如果父页和包含的页是在同一个根域不同自域的情况下，根域为CSDN.COM，不同自域比如A.CSDN.COM和B.CSDN.COM 这种情况下可以用该方法实现关键就是设置他们的主域相同

document.domain = "csdn.com";

具体实现：
a.csdn.com/a.html中的文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title></title>
<body>
<span id="a">sdfdsfdfs</span>
<script type="text/javascript">
    document.domain = "csdn.com";
</script>
</body> 
</html> 

b.csdn.com/b.html

<script type="text/javascript">
    document.domain = "csdn.com";
    alert(window.self.frames["framea"].document.getElementById("a").innerHTML)
</script>