让iframe自适应高度(支持xhtml)IE firefox兼容

WangmumuGuoJun

WangmumuGuoJun

2016-02-19 16:59

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的让iframe自适应高度(支持xhtml)IE firefox兼容,希望大家看完后能赶快学习起来。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title获取页面高度,窗口高度,滚动条高度等参数值/title
/head

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

body
script language="javascript"
!--
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}

arrayPageScroll = new Array('',yScroll);
return arrayPageScroll;
}

function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollheight document.body.offsetheight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

// for small pages with total height less then height of the viewport
if(yScroll windowHeight){
pageHeight = windowHeight;
document.write("page height is : " + pageHeight + "
");
} else {
pageHeight = yScroll;
document.write("page height is : " + pageHeight + "
");
}

if(xScroll windowWidth){
pageWidth = windowWidth;
document.write("page width is : " + pageWidth + "
");
} else {
pageWidth = xScroll;
document.write("page width is : " + pageWidth + "
");
}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;

}
--
/script
div style="background:#EBEBEB;text-align:center;height:300px;"
h3script language="javascript"getPageSize()/script/h3
/div
/body
/html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title获取页面高度,窗口高度,滚动条高度等参数值/title
/head

body
script language="javascript"
!--
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}

arrayPageScroll = new Array('',yScroll);
return arrayPageScroll;
}

function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

// for small pages with total height less then height of the viewport
if(yScroll windowHeight){
pageHeight = windowHeight;
document.write("page height is : " + pageHeight + "
");
} else {
pageHeight = yScroll;
document.write("page height is : " + pageHeight + "
");
}

if(xScroll windowWidth){
pageWidth = windowWidth;
document.write("page width is : " + pageWidth + "
");
} else {
pageWidth = xScroll;
document.write("page width is : " + pageWidth + "
");
}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;

}
--
/script
div style="background:#EBEBEB;text-align:center;height:300px;"
h3script language="javascript"getPageSize()/script/h3
/div
/body
/html

展开更多 50%)
分享

猜你喜欢

让iframe自适应高度(支持xhtml)IE firefox兼容

Web开发
让iframe自适应高度(支持xhtml)IE firefox兼容

让iframe自适应高度(支持XHTML支持FF)

Web开发
让iframe自适应高度(支持XHTML支持FF)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

利用JAVASCRIPT让IFRAME框架的高度自适应

Web开发
利用JAVASCRIPT让IFRAME框架的高度自适应

关于IFRAME 自适应高度的研究

Web开发
关于IFRAME 自适应高度的研究

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery解决iframe高度自适应代码

Web开发
jQuery解决iframe高度自适应代码

Xhtml第10天:div自适应高度

Html CSS布局 Div+CSS XHTML
Xhtml第10天:div自适应高度

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

C++ Builder初学问与答8

C++ Builder初学问与答8

QQ2024正式版SP4体验

QQ2024正式版SP4体验
下拉加载更多内容 ↓