js获取浏览器宽度 高度

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.aimeige.com.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js获取浏览器宽度 高度</title>
</head>

<body>
<script>
//对指定的元素绑定move事件
/*-----------------------------
onmousemove="dropmovehand('divname', 225);"
onmousedown="drops教程tarthand();"
onmouseup="dropstophand();"
-----------------------------*/
function dropstarthand()
{
 canmove = (canmove ? false : true);
}
function dropstophand()
{
 canmove = false;
}
function dropmovehand(objid, mleftleaning)
{
 var event = getevent();
 var obj = $obj(objid);
 if(!canmove) return;
 
 if($nav()=='ie')
 {
  var posleft = event.clientx-20;
  var postop = event.clienty-20;
  postop += document.body.scrolltop;
 }
 else
 {
  var posleft = event.pagex-20;
  var postop = event.pagey-20;
 }
 obj.style.top = postop;
 obj.style.left = posleft - mleftleaning;
}

</script>
</body>
</html>

时间: 2024-10-04 20:33:26

js获取浏览器宽度 高度的相关文章

js 获取浏览器的高度和宽度信息类

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域高:document.body.offsetHeight + " (包括边线的宽)"; 网页正文全文宽:document.body.scrollWidth; 网页正文全文高:document.body.s

Javascript代码实例:JS获取浏览器宽度

文章简介:js获取浏览器窗口宽高及网页宽高. js获取浏览器窗口宽高及网页宽高: /** / THIRD FUNCTION * getPageSize() by webjx.com * * @return Array Return an array with page width, height and window width, height */function ___getPageSize() { var xScroll, yScroll; if (window.innerHeight &

获取浏览器窗口高度宽度大小js/jquery代码

一个是利用jquery来实现的,下面是在加入了jquery库的情况下载做的.  代码如下 复制代码 <script type="text/javascript"> $(document).ready( function() { var h = $(window).height(); alert(h); } ) </script> 在ie 805  在ff 下是否 787哦, 两种浏览器因显示像素不同,是因为浏览对padding和margin的区别引起的. js获

js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法_javascript技巧

如下所示: screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth

JS获取各种宽度、高度的简单介绍_基础知识

有时候项目中会用到用js获取元素位置来定位元素,首先通过图片说明scrollWidth,clientWidth,offsetWidth的关系. JS获取各种宽度.高度的简单介绍: scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 of

JS 获取浏览器和屏幕宽高等信息代码

 这篇文章主要介绍了JS 获取浏览器和屏幕宽高等信息的具体实现,需要的朋友可以参考下 网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetWidth (包括边线的宽)  网页可见区域高:document.body.offsetHeight (包括边线的宽)  网页正文全文宽:document.body.scrollWidth  网页正文全文高:docu

原生JS 获取浏览器、窗口、元素等尺寸总结

一.通过浏览器获得屏幕的尺寸 screen.widthscreen.height screen.availHeight //获取去除状态栏后的屏幕高度screen.availWidth  //获取去除状态栏后的屏幕高度 二.获取浏览器窗口内容的尺寸 //高度window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度window.innerWidth || docume

html5-HTML5中如何获取浏览器屏幕高度并使用这个值

问题描述 HTML5中如何获取浏览器屏幕高度并使用这个值 我在用HTML5做手机网页时,需要对不同尺寸的屏幕大小获取屏幕的高度和宽度并使用这个值, 宽度的话,用viewport解决了,高度不知道怎么解决.在线等 解决方案 屏幕变化即可触发 resize事件 每次变化用window.innerHeight. 解决方案二: 用以下代码开头:<!DOCTYPE HTML><html><head><meta charset=""utf-8"&

js获取浏览器用户信息再创建不同版本的flash组件

这是一款利用了在flash网站的代码,他是利用js获取浏览器用户信息再创建不同版本的flash组件实例,这样很好的兼容大部份主流浏览器就ok了. */ var isie  = (navigator.appversion.indexof("msie") != -1) ? true : false; var iswin = (navigator.appversion.tolowercase().indexof("win") != -1) ? true : false;