获取浏览器可视区域宽度和高度 兼容主流浏览器
<script type="text/javascript" language="javascript">
function fnGetWidthHeight() {
var viewportwidth;
var viewportheight;
// 支持(mozilla/netscape/opera/chrome/IE7)
if (typeof window.innerWidth != 'undefined') {
viewportwidth = window.innerWidth;
viewportheight = window.innerHeight;
}
// 支持(IE6)
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
viewportwidth = document.documentElement.clientWidth;
viewportheight = document.documentElement.clientHeight;
}
// 支持其他浏览器
else {
viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
viewportheight = document.getElementsByTagName('body')[0].clientHeight;
}
alert('Your viewport width & height is ' + viewportwidth + 'x' + viewportheight);
}
</script>
获取浏览器可视区域宽度和高度 兼容主流浏览器相关推荐
- JS获取浏览器可视区域宽高
写在前面 浏览器可视区域宽高并不就等于浏览器窗口宽高,而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小 因为比较简单所以直接上代码: let w, h; // 对于ie9 ...
- js获取浏览器窗口页面宽度、高度的方法 kaki 的博客
js获取浏览器窗口页面宽度.高度的方法 不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...
- php获取页面的可视内容高度,网页制作技巧:获取页面可视区域的高度_css
文章简介:获取页面可视区域高度,获取页面高度,获取滚动条滚动上去的页面高度. function getWH(){ var wh = {}; "Height Width".repla ...
- JavaScript获取浏览器可视区域的宽高
JavaScript获取浏览器可视区域的宽高 在做项目的时候,我们常常需要对项目做一些优化,来提升页面响应的速度,比如进入可视区域后再发送请求获取数据或者是填充模板,这个时候就需要能够获取到浏览器的可 ...
- JS,Jquery获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
- JavaScript、Jquery:获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
- JS获取各种屏幕的宽度和高度
JS获取各种屏幕的宽度和高度 描述 用法 网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 do ...
- php 获取屏幕的宽度,JS,Jquery获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
- 获取web页面的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
最新文章
- Apache Kylin v2.5.0正式发布,开源分布式分析引擎
- mysql数据导库常用操作
- tensorflow入门教程和底层机制简单解说——本质就是图计算,自动寻找依赖,想想spark机制就明白了...
- 5-35 城市间紧急救援 (25分) pat 数据结构
- C语言-数据结构与其他数据形式
- java的reflection机制_Java的Reflection机制
- Android开发之Retrofit常见错误@FieldMap parameters can only be used with form encoding. (parameter #1)
- pandas 画折线图_如何从Pandas数据帧绘制多个折线图
- 如何在 SQL Server 2005 故障转移群集中添加或删除节点(安装程序)
- Git工程区域与文件状态
- 杰控连接mysql_杰控FameView在数据库连接和查询方面的应用———FameView组态软件在数据库处理方面的...
- 交通流理论3——交通流三大参数
- thinkpadt410接口介绍_ThinkPadT410全程拆解
- 郭天祥10天学会单片机笔记学习资料(1.1)
- 忆贵州三年的教书编程岁月:不弛于空想,不骛于虚声
- 红帽 Linux Redhat6.4安装MySQL 5.1
- 在excel中如何筛选重复数据_Excel如何快速筛选
- Unraid 6.8.2-nvidia解锁nvenc线程限制
- 快要2022年了,拼多多还在做这件事
- PyTorch Geometric(PyG) torch_geometric.nn.conv.gcn_conv源码详解