js中取得窗口位置与窗口大小代码

取得窗口大小

 代码如下 复制代码

var pageWidth = window.innerWidth,
var pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "number"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
}else{
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}

我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。然后检查pageWidth中保存的是不是一个数值；如果不是，则通过document.compatMode来确定页面是否处于标准模式。如果是，则分别使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否则，就使用document.body.clientWidth和document.body.clientHeight的值。

取得窗口位置

 代码如下 复制代码

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;

这两个例子目的是取得窗口左边和上边的位置，首先运用二元操作符判断screenLeft属性和screenTops属性是否存在，如果存在（在IE、Safari、Opera和Chrome中），则取这两个属性的值。如果不存在（在Firefox中），则取screenX和screenY的值。

时间： 2024-11-17 08:27:57

js中取得窗口位置与窗口大小代码的相关文章

js获取元素相对窗口位置的实现代码_javascript技巧

JS获取元素的offsetTop,offsetLeft等属性 obj.clientWidth //获取元素的宽度 obj.clientHeight //元素的高度 obj.offsetLeft //元素相对于父元素的left obj.offsetTop //元素相对于父元素的top obj.offsetWidth //元素的宽度 obj.offsetHeight //元素的高度 区别: clientWidth = width + padding clientHeight = height + p

js正则表达式在指定位置插入数据代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="Conte

js中iframe调用父页面实现代码

比如调用a()函数,就写成:  代码如下 复制代码 window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了 //在父页面中调用该函数  代码如下 复制代码 <script> function dey() { var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       cards_frame.checkedCard()             /

JS中实现简单Formatter函数示例代码_javascript技巧

JS原生并没有提供方便使用的Formatter函数,用字符拼接的方式看起来混乱难读,而且使用起来很不方便.个人感觉C#里提供的语法比较好用,如: String.Format("Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love"); 这种有顺序的替换方式,比较清晰,而且在要替换同一内容时候可以省去传递重复参数的情况,下面是JS简单实现版本(没有严

js中获取窗口高度的方法总结

例1  代码如下 复制代码 <SCRIPT   LANGUAGE="JavaScript">  var s = "网页可见区域宽 :"+ document.body.clientWidth;  s += "rn网页可见区域高:"+ document.body.clientHeight;   s += "rn网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)&

JS中实现简单Formatter函数示例代码

 JS原生并没有提供方便使用的Formatter函数,用字符拼接的方式看起来混乱难读,而且使用起来很不方便.个人感觉C#里提供的语法比较好用,如:   1 String.Format("Welcome to learn '{0}','{0}' is awesome,you will {1} it!","Javascript","love"); 这种有顺序的替换方式,比较清晰,而且在要替换同一内容时候可以省去传递重复参数的情况,下面是JS简单实现版

JS中实现replaceAll的方法(实例代码)_javascript技巧

第一次发现JavaScript中replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符. 而str.replace(/\-/g,"!")则可以全部替换掉匹配的字符(g为全局标志). replace() The replace() method returns the string that results when you replace text matching its first argumen

获取鼠标在div中的相对位置的实现代码_javascript技巧

复制代码 代码如下: <HEAD> <TITLE> JS获取DIV相对坐标</TITLE> <script type="text/javascript"><!-- function getX(obj){ var parObj=obj; var left=obj.offsetLeft; while(parObj=parObj.offsetParent){ left+=parObj.offsetLeft; } return left;

js 调用父窗口的具体实现代码

想要实现如题所示:父窗体需要顶一个show()方法,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助   opener.show(); 父窗体需要顶一个show() 方法 父面页代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN"> <html> <head> <title>html.html</title> <meta http-eq