有a.ceshi.com通过iframe加载b.ceshi.com下的内容，通过对两个子域下的页面同时设置document.domian设置为相同的主域名可实现跨域读取数据：
a.ceshi.com页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>ceshi1</title>
</head>
<body>
我是1
<div id="box1"></div>
<script type="text/javascript">
//设置主域
document.domain = ‘ceshi.com‘;
var iframe = document.createElement("iframe");
iframe.style.display = ‘none‘;
//拉取b.ceshi.com内容
iframe.src = "http://b.ceshi.com";
document.body.appendChild(iframe);
//判断是否加载完成
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
alert(iframe.contentWindow.document.body.innerHTML)
document.getElementById(‘box1‘).innerHTML = iframe.contentWindow.document.body.innerHTML;
});
} else {
iframe.onload = function(){
alert("Local iframe is now loaded.");
alert(iframe.contentWindow.document.body.innerHTML)
document.getElementById(‘box1‘).innerHTML = iframe.contentWindow.document.body.innerHTML;
};
}
</script>
</body>
</html>
b.ceshi.com页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>ceshi2</title>
</head>
<body>
我是2
<script type="text/javascript">
//设置主域
document.domain = ‘ceshi.com‘;
</script>
</body>
</html>
这样就可以从a.ceshi.com读取到b.ceshi.com的内容了。
至于通过iframe跨不同主域名的，待续。。。
时间： 2025-01-17 17:16:38