浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心

A、属性

1.(位置类型-获得浏览器的位置)

IE:
window.screenLeft    获得浏览器距屏幕左上角的左边距  
window.screenTop    获得浏览器距屏幕左上角的上边距

FF:  
screenX
screenY

2.获得浏览器的尺寸

window.innerWidth      获得窗口的宽度
window.innerHeight      获得窗口的高度

3.关系类型

frame框架下
window.parent    返回父窗口
window.top       返回最顶层的先辈窗口
self                  返回对当前窗口的引用。等价于 Window 属性

4.stutas  设置窗口状态栏的文本(不少浏览器已经关闭了脚本化它们的状态栏的功能,细节自己百度了)

B、方法

1.窗体控制

对窗体的移动

window.moveBy(x,y)--相对于当前位置沿着X\Y轴移动指定的像素,如负数是反方向
window.moveTo(x,y)--相对于浏览器的左上角沿着X\Y轴移动到指定的像素,如负数是反方向

窗体尺寸的改变

resizeBy(x,y)--相对于当前窗体的大小,调整宽度和高度
resizeTo(x,y)--把窗体调整为指定宽度和高度

2.对窗体滚动条的控制

scrollBy(x,y)--相对于当前滚动条的位置移动的像素(前提有滚动条)
scrollTo(x,y)--相对于当前窗口的高度或宽度,移动到指定的像素

3.时间间隔的函数

setInterval(a,b)--按照指定的周期(以毫秒计)来调用函数或计算表达式

clearInterval(t)--取消由 setInterval() 设置的 timeout

setTimeout(a,b)--在指定的毫秒数后调用函数或计算表达式,只执行一次

clearTimeout(t)--取消由 setTimeout() 方法设置的 timeout

//格式范例
setInterval('alert(1)',1000);
---------------------------
var a=0;
function chen(){
alert(a);
a++;
};
setInterval(chen,1000);
-----------------------
var a=0;
function chen(){
alert(a);
a++;
};
setInterval('chen()',1000);
----------------------
var a=0;
setInterval(function(){
alert(a);
a++;
},1000);
//滚动条自动滚动,点击页面停止
window.onload=function(){
var t=setInterval(function(){
window.scrollBy(0,100);
},200);
document.body.onclick=function(){
clearInterval(t);
}
}

 4.打开新的窗口

window.open(URL,name,features,replace)--打开一个新的浏览器窗口或查找一个已命名的窗口

  URL:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档

  name:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称

  features:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征

  replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目

history对象(包含用户(在浏览器窗口中)访问过的 URL)

1.属性

length--返回浏览器历史列表中的 URL 数量

2.方法

back()--后退。加载 history 列表中的前一个 URL
forward()--前进。加载 history 列表中的下一个 URL
go(number)--如果参数是正数,那么就是前进相应的数目,如果是负数那么反之,如果是0那么就是刷新

location对象(对象包含有关当前 URL 的信息)

1.属性

href--设置或返回完整的 URL
search--设置或返回从问号 (?) 开始的 URL(查询部分)

2.方法

assign()--加载新的文档
reload(boolean)--重新加载当前文档, 当参数是true,任何时候都会重新加载,false的时候,只有在文档改变的时候才会加载,否则直接读取内存当中的。
replace()--用新的文档替换当前文档(没有历史记录)

screen对象(包含有关客户端显示屏幕的信息)

availHeight--返回显示屏幕的高度 (除 Windows 任务栏之外)。

availWidth--返回显示屏幕的宽度 (除 Windows 任务栏之外)。

height--返回显示屏幕的高度。

width--返回显示屏幕的宽度。

javascript笔记整理(window对象)的更多相关文章

  1. javascript笔记整理(对象遍历封装继承)

    一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...

  2. javascript笔记整理(对象的继承顺序、分类)

    Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); pare ...

  3. javascript笔记整理(对象基础)

    一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) ...

  4. JavaScript中的window对象

    JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html

  5. 运维开发笔记整理-QueryDict对象

    运维开发笔记整理-QueryDict对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 客户端发送数据请求有很多种,相信运维人员已经很清楚了,如果不太清楚的话可以参考我之前的学习笔 ...

  6. 运维开发笔记整理-JsonResponse对象

    运维开发笔记整理-JsonResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.使用HttpResponse发送json格式的数据 1>.HttpRespo ...

  7. 运维开发笔记整理-Request对象与Response对象

    运维开发笔记整理-Request对象与HttpResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.request对象 1>.什么是request 首先,我 ...

  8. 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...

  9. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

  10. JavaScript权威设计--Window对象(简要学习笔记十三)

    1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...

随机推荐

  1. GNU scientific library

    GNU scientific library 是一个强大的C,C++数学库.它涉及的面很广,并且代码效率高,接口丰富.正好最近做的一个项目中用到多元高斯分布,就找到了这个库. GNU scientif ...

  2. Test class should have exactly one public zero-argument constructor

    java.lang.Exception: Test class should have exactly one public zero-argument constructor at org.juni ...

  3. 在 Azure 网站上使用 Memcached 改进 WordPress

    编辑人员注释:本文章由 Windows Azure 网站团队的项目经理 Sunitha Muthukrishna 和 Windows Azure 网站开发人员体验合作伙伴共同撰写. 您是否希望改善在 ...

  4. poj 2250 Compromise(区间dp)

    题目链接:http://poj.org/problem?id=2250 思路分析:最长公共子序列问题的变形,只是把字符变成了字符串,按照最长公共子序列的思路即可以求解. 代码如下: #include ...

  5. POJ 1472 Coins (多重背包+滚动数组)

    Coins Time Limit: 3000MS Memory Limit: 30000K Total Submissions: 25827 Accepted: 8741 Description Pe ...

  6. 一道TOPK问题

    今天遇到一道TOP k的变形题,题目大概意思是有10W个随机整数,然后对这些数进行如下操作: 1.当能被3整除时,将此数替换为此数和其它数两两相加的数,包括数本身 2.当不能被3整除时,将此数替换为原 ...

  7. Problem 2169 shadow

     Problem 2169 shadow Accept: 141    Submit: 421 Time Limit: 1000 mSec    Memory Limit : 32768 KB  Pr ...

  8. CentOS中使用shell的命令补全

    习惯debian的用户都知道shell中的自动补全功能非常实用,其中在CentOS中也可以有同样的功能. 只需要安装 bash-completion 包即可. rpm -ivh http://www. ...

  9. java字符串输出

    package mytest; public class Mycode { public static void main(String[] args){ String[]seasons = {&qu ...

  10. windows和centos用cutycapt截网页的图

    centos下:(主要参考http://loosky.net/2816.html) (1)安装qt47 增加qt47的源 vim /etc/yum.repos.d/atrpms.repo //加入如下 ...