请在IE或火狐下调试以下代码,由于Chrome(谷歌)的iframe机制,不能在本地运行和iframe相关的js,需要架设到服务器或IIS上才有效果。
<script>windowonload = function(){
var height = windowframes["if"]documentbodyscrollHeight;
alert(height);
};
</script>
<iframe id="if" src="1html"></iframe>
var win_w = $(window)width();//获取宽度
var win_h = $(window)height();//获取高度
如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。
jQuery 获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
// 获取页面的高度、宽度
function getPageSize() {
var xScroll, yScroll;
if (windowinnerHeight && windowscrollMaxY) {
xScroll = windowinnerWidth + windowscrollMaxX;
yScroll = windowinnerHeight + windowscrollMaxY;
} else {
if (documentbodyscrollHeight > documentbodyoffsetHeight) { // all but Explorer Mac
xScroll = documentbodyscrollWidth;
yScroll = documentbodyscrollHeight;
} else { // Explorer Macwould also work in Explorer 6 Strict, Mozilla and Safari
xScroll = documentbodyoffsetWidth;
yScroll = documentbodyoffsetHeight;
}
}
var windowWidth, windowHeight;
if (selfinnerHeight) { // all except Explorer
if (documentdocumentElementclientWidth) {
windowWidth = documentdocumentElementclientWidth;
} else {
windowWidth = selfinnerWidth;
}
windowHeight = selfinnerHeight;
} else {
if (documentdocumentElement && documentdocumentElementclientHeight) { // Explorer 6 Strict Mode
windowWidth = documentdocumentElementclientWidth;
windowHeight = documentdocumentElementclientHeight;
} else {
if (documentbody) { // other Explorers
windowWidth = documentbodyclientWidth;
windowHeight = documentbodyclientHeight;
}
}
}
// for small pages with total height less then height of the viewport
if (yScroll < windowHeight) {
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if (xScroll < windowWidth) {
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}
arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
return arrayPageSize;
}
// 滚动条
documentbodyscrollTop;
$(document)scrollTop();
那你可以在mainaspx初始化写上这样一句
function screeChange(){
windowparentdocumentgetElementById('rightFrame')rows="50,"+documentbodyscrollHeight+",100";
}
</script>
body里面加上:onload="screeChange()"
注意一定要在body里面或者它的后面初始化,不然获取不到内容高度。
其中documentbodyscrollHeight获取mainaspx页面的实际文本高度,然后赋值给它的父窗体中的rightFrame的row值。。。
另外:<frame src="bottomhtm" id="bottomFrame" name="mainFrame" frameborder="0" scrolling="no" >
这个name值是不是写错鸟。。。。
另外在aspnet编程中。。。建议舍弃frameset 使用irame哈。。
Mathmax(documentdocumentElementscrollHeight, documentdocumentElementclientHeight) + "px";
一般是取clientHeight和scrollHeight的最大值
用他来取他们的最大值
以上就是关于怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)全部的内容,包括:怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)、js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度、怎么样获取屏幕的高度 jquery等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)