首页 > 代码库 > iframe跨域(二级域名)
iframe跨域(二级域名)
有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跨不同主域名的，待续。。。
iframe跨域(二级域名)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。