请检查下面我的代码-
<script>
function autoResize(myiframe){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(myiframe).contentWindow.document.body.scrollHeight;
newwidth=document.getElementById(myiframe).contentWindow.document.body.scrollWidth;
}
document.getElementById(myiframe).height= (newheight+20) + "px";
document.getElementById(myiframe).width= (newwidth) + "px";
}
</script>
<iframe id="myiframe" src="http://www.learnphp.in" width="100%" onload="autoResize('myiframe')"></iframe>
我更改了此代码,但在使用相对路径(内部页面)(如files/test.html
、mypage.html
等)时运行良好。但在使用绝对路径(外部页面)(如http://www.learnphp.in
)时不运行
请建议我如何在iframe中显示外部页面自动高度?
2条答案
按热度按时间kcwpcxri1#
了解Same Origin Policy
它阻止你阅读其他域的内容。如果你对其他域有控制权,你需要使用post message并且在两个域上都有代码。
qmelpv7a2#
如果您无法控制您正在使用的URL,则无法使用此URL,这是因为“X-Frame-Options:SAMEORIGIN”响应头。此选项可防止浏览器显示与父页面不在同一域中托管的iFrame。
如果您想使用来自该URL的任何特定服务,请使用其API(如果可用)。或者您可以简单地使用来路由到该特定页面。