概述网(LieHuo.Net)教程 做后台管理时候,经常用到在ifame里嵌入一个页面,但iframe
高度 不能随页面高度增加而增高.所以得借助JS解决. 在iframe内页里面欠入此段JS即可. 以下为引用的内容: ////后台辅助var admin = { /…
内存溢出 jb51.cc 做后台管理时候,经常用到在ifame里嵌入一个页面,但iframe高度不能随页面高度增加而增高.所以得借助Js解决. 在iframe内页里面欠入此段Js即可.
以下为引用的内容: ////后台辅助 var admin = { //计算页面最大宽高值 size: function() { var a,yc; var b,wh,pw,ph; a = window.innerHeight && window.scrollMaxY ? document.body.scrollWIDth : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollWIDth : document.body.offsetWIDth; yc = window.innerHeight && window.scrollMaxY ? (window.innerHeight + window.scrollMaxY) : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight; b = self.innerHeight ? self.innerWIDth : document.documentElement && document.documentElement.clIEntHeight ? document.documentElement.clIEntWIDth : document.body.clIEntWIDth; wh = self.innerHeight ? self.innerHeight : document.documentElement && document.documentElement.clIEntHeight ? document.documentElement.clIEntHeight : document.body.clIEntHeight; ph = yc < wh ? wh : yc; pw = a < b ? b : a; return new Array(pw,ph,a,yc) }, //增加监听事件 addEvent: function(o,b) { o.attachEvent ? o.attachEvent('on' + a,function() { b.call(o) }) : o.addEventListener(a,b,false) }, //iframe 跟其中内嵌页面高度重设iframe高度 init: function() { var o = admin.size();
//这个ID是它上面包含它那个iframe的 ID var k = parent.document.getElementByID('mainframe'); if (!k) return; k.style.height = o[1] + 'px'; } } //为 window 对像增加一个方法(iframe高度重新计算) admin.addEvent(window,'load',admin.init);
最后看一下演示:
提示:可修改后代码再运行!
总结
以上是内存溢出为你收集整理的如何让iframe网页 自适应高度?全部内容,希望文章能够帮你解决如何让iframe网页自适应高度?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
评论列表(0条)