资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
CSS/HTML教程
>>>
让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> <body> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20getPageScroll()%7B%20%0D%0A%20%20%20%20var%20yScroll%3B%20%0D%0A%20%20%20%20if%20(self.pageYOffset)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20self.pageYOffset%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.documentElement%20%26%26%20document.documentElement.scrollTop)%7B%20%20%20%20%20%2F%2F%20Explorer%206%20Strict%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.documentElement.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body)%20%7B%2F%2F%20all%20other%20Explorers%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20arrayPageScroll%20%3D%20new%20Array(''%2CyScroll)%3B%20%0D%0A%20%20%20%20return%20arrayPageScroll%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20getPageSize()%7B%20%20%20%20%20%0D%0A%20%20%20%20var%20xScroll%2C%20yScroll%3B%20%20%20%20%20%0D%0A%20%20%20%20if%20(window.innerHeight%20%26%26%20window.scrollMaxY)%20%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.scrollWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20window.innerHeight%20%2B%20window.scrollMaxY%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body.scrollHeight%20%3E%20document.body.offsetHeight)%7B%20%2F%2F%20all%20but%20Explorer%20Mac%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.scrollWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.scrollHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%2F%2F%20Explorer%20Mac...would%20also%20work%20in%20Explorer%206%20Strict%2C%20Mozilla%20and%20Safari%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.offsetWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.offsetHeight%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20var%20windowWidth%2C%20windowHeight%3B%20%0D%0A%20%20%20%20if%20(self.innerHeight)%20%7B%20%20%20%20%2F%2F%20all%20except%20Explorer%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20self.innerWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20self.innerHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.documentElement%20%26%26%20document.documentElement.clientHeight)%20%7B%20%2F%2F%20Explorer%206%20Strict%20Mode%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20document.documentElement.clientWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20document.documentElement.clientHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body)%20%7B%20%2F%2F%20other%20Explorers%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20document.body.clientWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20document.body.clientHeight%3B%20%0D%0A%20%20%20%20%7D%20%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20%2F%2F%20for%20small%20pages%20with%20total%20height%20less%20then%20height%20of%20the%20viewport%20%0D%0A%20%20%20%20if(yScroll%20%3C%20windowHeight)%7B%20%0D%0A%20%20%20%20%20%20%20%20pageHeight%20%3D%20windowHeight%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20height%20is%20%3A%20%22%20%2B%20pageHeight%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20pageHeight%20%3D%20yScroll%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20height%20is%20%3A%20%22%20%2B%20pageHeight%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(xScroll%20%3C%20windowWidth)%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20pageWidth%20%3D%20windowWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20width%20is%20%3A%20%22%20%2B%20pageWidth%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20pageWidth%20%3D%20xScroll%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20width%20is%20%3A%20%22%20%2B%20pageWidth%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20arrayPageSize%20%3D%20new%20Array(pageWidth%2CpageHeight%2CwindowWidth%2CwindowHeight)%20%20%0D%0A%20%20%20%20return%20arrayPageSize%3B%20%0D%0A%0D%0A%7D%20%20%0D%0A--%3E%20%0D%0A%3C%2Fscript%3E"> <div style="background:#EBEBEB;text-align:center;height:300px;"> <h3><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3EgetPageSize()%3C%2Fscript%3E"></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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20getPageScroll()%7B%20%0D%0A%20%20%20%20var%20yScroll%3B%20%0D%0A%20%20%20%20if%20(self.pageYOffset)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20self.pageYOffset%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.documentElement%20%26%26%20document.documentElement.scrollTop)%7B%20%20%20%20%20%2F%2F%20Explorer%206%20Strict%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.documentElement.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body)%20%7B%2F%2F%20all%20other%20Explorers%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20arrayPageScroll%20%3D%20new%20Array(''%2CyScroll)%3B%20%0D%0A%20%20%20%20return%20arrayPageScroll%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20getPageSize()%7B%20%20%20%20%20%0D%0A%20%20%20%20var%20xScroll%2C%20yScroll%3B%20%20%20%20%20%0D%0A%20%20%20%20if%20(window.innerHeight%20%26%26%20window.scrollMaxY)%20%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.scrollWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20window.innerHeight%20%2B%20window.scrollMaxY%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body.scrollHeight%20%3E%20document.body.offsetHeight)%7B%20%2F%2F%20all%20but%20Explorer%20Mac%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.scrollWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.scrollHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%2F%2F%20Explorer%20Mac...would%20also%20work%20in%20Explorer%206%20Strict%2C%20Mozilla%20and%20Safari%20%0D%0A%20%20%20%20%20%20%20%20xScroll%20%3D%20document.body.offsetWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20yScroll%20%3D%20document.body.offsetHeight%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20var%20windowWidth%2C%20windowHeight%3B%20%0D%0A%20%20%20%20if%20(self.innerHeight)%20%7B%20%20%20%20%2F%2F%20all%20except%20Explorer%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20self.innerWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20self.innerHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.documentElement%20%26%26%20document.documentElement.clientHeight)%20%7B%20%2F%2F%20Explorer%206%20Strict%20Mode%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20document.documentElement.clientWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20document.documentElement.clientHeight%3B%20%0D%0A%20%20%20%20%7D%20else%20if%20(document.body)%20%7B%20%2F%2F%20other%20Explorers%20%0D%0A%20%20%20%20%20%20%20%20windowWidth%20%3D%20document.body.clientWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20windowHeight%20%3D%20document.body.clientHeight%3B%20%0D%0A%20%20%20%20%7D%20%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20%2F%2F%20for%20small%20pages%20with%20total%20height%20less%20then%20height%20of%20the%20viewport%20%0D%0A%20%20%20%20if(yScroll%20%3C%20windowHeight)%7B%20%0D%0A%20%20%20%20%20%20%20%20pageHeight%20%3D%20windowHeight%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20height%20is%20%3A%20%22%20%2B%20pageHeight%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20pageHeight%20%3D%20yScroll%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20height%20is%20%3A%20%22%20%2B%20pageHeight%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(xScroll%20%3C%20windowWidth)%7B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20pageWidth%20%3D%20windowWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20width%20is%20%3A%20%22%20%2B%20pageWidth%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20pageWidth%20%3D%20xScroll%3B%20%0D%0A%20%20%20%20%20%20%20%20document.write(%22page%20width%20is%20%3A%20%22%20%2B%20pageWidth%20%2B%20%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20arrayPageSize%20%3D%20new%20Array(pageWidth%2CpageHeight%2CwindowWidth%2CwindowHeight)%20%20%0D%0A%20%20%20%20return%20arrayPageSize%3B%20%0D%0A%0D%0A%7D%20%20%0D%0A--%3E%20%0D%0A%3C%2Fscript%3E"> <div style="background:#EBEBEB;text-align:center;height:300px;"> <h3><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3EgetPageSize()%3C%2Fscript%3E"></h3> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程