获得网页窗口实际大小的javascript代码实例
2013-09-20 21:56
567 查看
java script代码: function get_page_size() { var re = {}; if (document.documentElement && document.documentElement.clientHeight) { var doc = document.documentElement; re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scrollWidth; re.height = (doc.clientHeight>doc.scrollHeight)?doc.clientHeight:doc.scrollHeight; } else { var doc = document.body; re.width = (window.innerWidth>doc.scrollWidth)?window.innerWidth:doc.scrollWidth; re.height = (window.innerHeight>doc.scrollHeight)?window.innerHeight:doc.scrollHeight; } return re; } 904 viewed 3 comment(s) 代码实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获取窗口大小</title> <script type="text/java script"> function getPageSize() { var re = {}; if (document.documentElement && document.documentElement.clientHeight) { var doc = document.documentElement; re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scrollWidth; re.height = (doc.clientHeight>doc.scrollHeight)?doc.clientHeight:doc.scrollHeight; } else { var doc = document.body; re.width = (window.innerWidth>doc.scrollWidth)?window.innerWidth:doc.scrollWidth; re.height = (window.innerHeight>doc.scrollHeight)?window.innerHeight:doc.scrollHeight; } //结果输出至两个文本框 document.form1.availHeight.value= re.width; document.form1.availWidth.value= re.height; return re; } </script> </head> <body> <form action="#" method="get" name="form1" id="form1"> 浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"/> <br /> 浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/> <br /> </form> <script type="text/java script"> getPageSize(); window.onresize=getPageSize; </script> </body> </html>
相关文章推荐
- 获得网页窗口实际大小的javascript代码实例
- javascript获得网页窗口实际大小的示例代码
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- JavaScript代码实现刷新父网页 JavaScript弹出新窗口后,关闭新窗口时,刷新父窗口
- 通过javascript获取浏览器窗口、文档主体的实际大小以及获取终端设备(屏幕显示器)的可用大小
- JavaScript实现自适应窗口大小的网页
- JavaScript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JavaScript获得页面区域大小的代码
- Javascript脚本实现静态网页加密实例代码
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- javascript 获取网页标题代码实例
- 利用javascript获得窗口的大小
- Javascript实现获取窗口的大小和位置代码分享
- 实例代码详解javascript实现窗口抖动及qq窗口抖动
- 网页背景图片自动适应窗口大小的代码
- JavaScript获取图片真实大小代码实例
- 网页javascript获得当前页面或窗口的各个宽度高度
- JavaScript切换搜索引擎的导航网页搜索框实例代码
- Javascript进阶篇——(DOM—节点---获取浏览器窗口可视区域大小+获取网页尺寸)—笔记整理