BOM(ScreenLeft、ScreenTop总结)

所以,即使是获取了这两个属性,也不能得到浏览器相对于屏幕的准确位置。。。。

另外,这些属性都是只读的,不能修改

alert(screenLeft); //IE支持
alert(screenTop);
这两个属性,火狐不认识,就会当作是没有声明初始化的变量,会报错
我们就必须强制在这个属性前加上window.

alert(typeof window.screenLeft); //火狐是undefined,其他number

alert(window.screenX); //IE不支持了,支持火狐
alert(window.screenY);

跨浏览器操作获取窗口的位置:主要兼容IE和火狐
var leftX=typeof window.screenLeft==‘number‘?window.screenLeft:window.screenX;
var leftY=typeof window.screenTop==‘number‘?window.screenTop:window.screenY;

时间: 2024-10-26 10:53:34

BOM(ScreenLeft、ScreenTop总结)的相关文章

8.0 BOM对象

主要的掌握的知识结构图 1 Window 2 控制窗口.框架.弹出窗口 3 利用location对象中的页面信息 4 使用 navigator 对象了解浏览器 1.1 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象. 全局作用域 由于Window扮演着ECMAScript中Global 对象的角色,因此所有在全局作用域中声明的变量.函数都会变成w

JS BOM简列

JS BOM BOM 也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM 本身是没有标准的或者还没有哪个组织去标准它. window对象BOM 的核心对象是window,它表示浏览器的一个实例.window 对象处于JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其定义window 对象. Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame

JavaScript学习日志(四):BOM

BOM的核心对象就是window,这一章没什么好说的,总结一些比较常用的: 1,a未定义,a; //报错window.a; //undefined 不能用delete删除全局变量 2,html5不支持<frame>标签,但是支持<iframe>标签 3,js中window对象的top,opener,parent,self属性(虽然对于window来说,它们是一种属性,但是也可以直接用他们作为对象)的区别: top:该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层

第8章BOM笔记

第八章 BOM 一. Window 在浏览器中window有双重角色,他既是JavaScript访问浏览器窗口的一个借口,又是ECMAscript 规定的Global对象. 1.全局作用域 由于window是ECMAscript 规定的Global对象的角色,因此在全局作用域中声明的变量,函数,都会是window对象的属性和方法. 2.窗口位置 a) screenLeft和screenTop 对与ie Safari Opera Chrome都提供了screenLeft,screenTop属性表示

JavaScript学习笔记之BOM

BOM的核心对象是window,它既表示浏览器窗口以及页面可见区域,同时也是ECMAScript中的Globe对象,所有的全局变量和函数都是它的属性,并且所有的原声函数以及其他函数也都存在于它的命名空间下. 一,window窗口相关设置 1)获取浏览器窗口在显示屏的位置 根据浏览器不同,可以采用screenLeft,screenTop或者screenX,screenY,跨浏览器的代码如下: //获取浏览器的位置 var leftPos=(typeof window.screenLeft =='n

BOM:浏览器对象模型之浏览器剖析入门

BOM简介 BOM与DOM的关系 BOM对象包含的内容 重新认识浏览器 一.分裂的BOM和被收服的DOM BOM定义:是browser object model的缩写,简称浏览器对象模型. 主要处理浏览器窗口(window)和框架(iframe),描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,不过通常浏览器特性的JavaScript扩展都被看做是BOM的一部分,比如:弹出新的窗口,移动关闭浏览器窗口或调整浏览窗口大小,提供web浏览器详细信息的定位对象,提供屏幕分辨率详细信

JS BOM(html)

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css"> 8 div{ 9 cursor: pointer; 10 } 11 </style> 12 13 </head> 14 <body> 1

JavaScript----BOM(浏览器对象模型)

BOM 浏览器对象模型 BOM 的全称为 Browser Object Model,被译为浏览器对象模型.BOM提供了独立于 HTML 页面内容,而与浏览器相关的一系列对象.主要被用于管理浏览器窗口及与浏览器窗口之间通信等功能. 1.Window 对象 window对象是BOM中最顶层对象:表示当前浏览器窗口,window对象的属性和方法应用于当前整个浏览器窗口. window 对象的属性主要有: screenX / screenY / screenLeft / screenTop:都为获取位置

[转载]页面优化——网页优化

前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么 1. 从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提供更为友好的体验. 2. 从服务商角度而言,优化能够减少页面请求数.或者减小请求所占带宽,能够节省可观的资源. 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用. 前端优化的途径有很多,按粒度大致可以分为两类,第一

javascript第一课

JavaScript 一個完整的JavaScript實現由以下三個不同的部分組成 ECMAScript(ECMA歐洲計算機製造商協會):規定了這門語言的語法,類型,語句,關鍵字,保留字,操作符,對象等. Dom:(Document Object Model)文檔對象模型,DOM把整個頁面映射爲一個多層次的節點結構.HTML頁面中的每個組成部分都是某種類型的節點.比如下面的HTML頁面. <html> <head> <title></title> </h