距开课0天0时0分-10270474秒
小葫芦2016-10-26 14:05:07 0 1 397
[Html5讨论组]举报回复话题 ↕
iframe高度等于浏览器可视区域高度减去50px，宽度等于浏览器可视区域宽度减去180px，点击某个按钮iframe宽度等于浏览器可视区域宽度-50px。
像这种需求应该如何写？
1
0
分享
三叔 2016-10-26 14:05:581楼
按钮在哪儿？按钮在iframe里面就用下面这段函数做click的回调计算高度
function clickHanlder() { var doc = document, p = window.parent, iframes = p.frames, iframe, i = 0; while (iframe = iframes[i++]) { if (iframe.document == doc) { var iheight = doc.documentElement.clientHeight - 50; iframe.frameElement.style.height = iheight - 50 + "px"; break; } } }
按钮在iframe外面就用下面这段函数做click的回调计算高度
function clickHanlder() { var doc = document, iframe = document.getElementById('your-iframe-id'), iheight = doc.documentElement.clientHeight - 50; iframe.style.height = iheight + "px"; }
宽度用css控制最好，类似下面这样应该可以吧？.you-iframe-class {
display: block;margin: 0 90px; }
赞 +0添加回复
三叔 2016-10-26 14:05:581楼
按钮在哪儿？按钮在iframe里面就用下面这段函数做click的回调计算高度
function clickHanlder() { var doc = document, p = window.parent, iframes = p.frames, iframe, i = 0; while (iframe = iframes[i++]) { if (iframe.document == doc) { var iheight = doc.documentElement.clientHeight - 50; iframe.frameElement.style.height = iheight - 50 + "px"; break; } } }按钮在iframe外面就用下面这段函数做click的回调计算高度
function clickHanlder() { var doc = document, iframe = document.getElementById('your-iframe-id'), iheight = doc.documentElement.clientHeight - 50; iframe.style.height = iheight + "px"; }宽度用css控制最好，类似下面这样应该可以吧？.you-iframe-class {
赞 +0添加回复