码迷,mamicode.com
首页 > 其他好文 > 详细

iframe 里的高度自适应

时间:2018-03-27 14:41:59      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:blog   menu   win   http   post   自适应   element   span   get   

  由于公司里的很多东西都要用到iframe 导致我不得不各种百度

 

首先是自适应高度

 

// document.domain = "caibaojian.com";
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};

window.onload = function () {
setIframeHeight(document.getElementById(‘external-frame‘));
};

其他的请到这个链接下查看:http://caibaojian.com/iframe-adjust-content-height.html

 

 

还有一个就是iframe 里的右键禁用方法:

<script>  
    document.oncontextmenu = function(){  
        return false  
    }  
</script>  

这段代码需要放在iframe内部才能生效

iframe 里的高度自适应

标签:blog   menu   win   http   post   自适应   element   span   get   

原文地址:https://www.cnblogs.com/AiMuzi/p/8656552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!