怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)

怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度),第1张

请在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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9470410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存