springmv 切换iframe 时发现直接修改iframe src 或者使用 location.href = "“时不起作用
之后才有form 标段提交 在control中返回新网页的地址 才完成了网页切换
之后iframe自适应高度有出现了问题 子页面中使用document.body.scrollHeight获取的高度值不对
在iframe引用的前一个页面的高度比iframe 引用的次页面高是 document.body.scrollHeight 获取的高度值是上一个页面的 body高度值 导致页面的排版的不美观
解决方法是 :
在iframe子页面加载完成时首先将iframe的高度值设置为0(清除上一个子页面的高度影响) 然后通过document.body.scrollHeight获取该子页面的高度值 来设置iframe的高度值
代码
子页面中:
$(document).ready(function(){
window.parent.iFrameHeight();
});
在父页面中
function iFrameHeight(){
var ifm= document.getElementById("smsComptBody");
var subWeb = document.frames ? document.frames["smsComptBody"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
$("#smsComptBody").height(0);//此处关键处 莫忘 清除上一个子页面高度的影响
$("#smsComptBody").height(subWeb.body.scrollHeight);
//ifm.height = subWeb.body.scrollHeight;
}
}
相关推荐
例如,在 Firefox 浏览器中,需要使用 `contentDocument.body.offsetHeight` 来获取 iframe 的内容高度,而在 IE 浏览器中,需要使用 `Document.body.scrollHeight`。而在 Opera 浏览器中,需要使用 `contentWindow....
var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; alert("bHeight:" + bHeight + ", dHeight:" + dHeight); } ``...
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
function SetWinHeight(obj) { var win=obj; if (document.getElementById) ... else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } }
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body....网页正文全文高: document.body.scrollHeight; 网页被卷去的高(ff):document.body.scrollTop; 网页被卷去的高(ie): do
这个函数可以使用document.body.offsetHeight或document.body.scrollHeight来获取页面的高度。 接下来,我们需要定义一个函数来获取IFRAME框架中的高度。这个函数需要考虑到IFRAME框架中的子页面的高度,以确保...
} else if (document.body.scrollHeight > document.body.offsetHeight){ yScroll = document.body.scrollHeight; } else { yScroll = document.body.offsetHeight; } var windowHeight; if (self....
网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft;...
iframe frameborder=”0″ scrolling=”no” name=”news1″ id=”news1″ onload=”if(document.frames[‘news1’].document.body.scrollHeight>document.frames[‘news2’].document.body.scrollHeight) ...
* `document.body.scrollHeight`:获取浏览器的正文全文高度 * `document.body.scrollTop`:获取浏览器的被卷去的高度 * `document.body.scrollLeft`:获取浏览器的被卷去的左边距 ### 使用 `window` 对象 * `...
兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj....
} else if(document.body.scrollHeight > document.body.offsetHeight) { // all but IE Mac scrW = document.body.scrollWidth; scrH = document.body.scrollHeight; } else if(document.body) { /...
关于IFRAME 自适应高度的...现在就把解决方法共享一下 超简单哦 1、建立一个bottom.js的文件,然后输入下面的代码(只有两行哦) parent.document.all(“框架ID名”).style.height=document.body.scrollHeight; pa
document.body.removeChild(document.getElementById("LoadingImg")); } } //遮罩整個IFrame function hideIframeNoImg(level) { var div = document.createElement("div"); var iframe=document....
document.body.clientWidth – 网页可见区域宽 document.body.clientHeight – 网页可见区域高 document.body.offsetWidth ...document.body.scrollHeight – 网页总高 document.body.scrollTop – 有滚动条的时候,向
try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); ifr
scrollHeight = WebBrowser1.Document.Body.ScrollRectangle.Height scrollWidth = WebBrowser1.Document.Body.ScrollRectangle.Width WebBrowser1.Size = New Size(scrollWidth, scrollHeight) Dim bm As New ...
2.htm的代码: [removed] function resize() {parent.document.all.ifrm.height=document.body.scrollHeight; parent.document.all.ifrm.width=document.body.scrollWidth; } [removed] <body onload=”...
核心代码" ; line-height:1.6em;" onkeyup="this.style.height=this.scrollHeight-4+'px'"> </textarea>
[removed] function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement(“div”); t[removed] = ‘<iframe id=”kxiframeagent” src=”...