我正在构建一个只能通过 iframe 看到的网站。我还添加了一个可以调整自动调整高度的脚本。
但是加载我的博客,因此不得不一次加载两个页面的额外负担。为了应对,我应用 OnClick 来加载 iframe。
自动调整大小但结果是行不通。
加载 iframe 代码:
<script type="text/javascript">
function okeBos() {
document.getElementById("iframeControl").innerHTML='<iframe scrolling="no" src="http://name-domain.com" style="border: 0; width: 100%;"></iframe>';document.getElementById("starApps").style.display="none";
};
</script>
<div id="iframeControl"></div><div id="starApps"><span onclick="okeBos()">Load Iframe</span></div>
你知道如何使用自动调整大小来实现这样的技巧吗?请帮助我,谢谢..
编辑
以下代码片段调整我的大小
存储在已加载的站点:
<script src='http://britha.com/Upload/MyFile/iframeResizer.contentWindow.min.js' type='text/javascript'></script>
<script>
var iFrameResizer = {
messageCallback: function(message){
}
}
</script>
存储在包含 iframe 的站点上:
<script src="http://britha.com/Upload/MyFile/iframeResizer.js" type="text/javascript"></script>
<script type="text/javascript">
iFrameResize({
log : true,
enablePublicMethods : true,
enableInPageLinks : true,
});
</script>