javascript笔记整理(window对象)
浏览器对象模型 (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对象)的更多相关文章
- javascript笔记整理(对象遍历封装继承)
一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...
- javascript笔记整理(对象的继承顺序、分类)
Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); pare ...
- javascript笔记整理(对象基础)
一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) ...
- JavaScript中的window对象
JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html
- 运维开发笔记整理-QueryDict对象
运维开发笔记整理-QueryDict对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 客户端发送数据请求有很多种,相信运维人员已经很清楚了,如果不太清楚的话可以参考我之前的学习笔 ...
- 运维开发笔记整理-JsonResponse对象
运维开发笔记整理-JsonResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.使用HttpResponse发送json格式的数据 1>.HttpRespo ...
- 运维开发笔记整理-Request对象与Response对象
运维开发笔记整理-Request对象与HttpResponse对象 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.request对象 1>.什么是request 首先,我 ...
- 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序
查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...
- JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)
1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...
- JavaScript权威设计--Window对象(简要学习笔记十三)
1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...
随机推荐
- GNU scientific library
GNU scientific library 是一个强大的C,C++数学库.它涉及的面很广,并且代码效率高,接口丰富.正好最近做的一个项目中用到多元高斯分布,就找到了这个库. GNU scientif ...
- 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 ...
- 在 Azure 网站上使用 Memcached 改进 WordPress
编辑人员注释:本文章由 Windows Azure 网站团队的项目经理 Sunitha Muthukrishna 和 Windows Azure 网站开发人员体验合作伙伴共同撰写. 您是否希望改善在 ...
- poj 2250 Compromise(区间dp)
题目链接:http://poj.org/problem?id=2250 思路分析:最长公共子序列问题的变形,只是把字符变成了字符串,按照最长公共子序列的思路即可以求解. 代码如下: #include ...
- POJ 1472 Coins (多重背包+滚动数组)
Coins Time Limit: 3000MS Memory Limit: 30000K Total Submissions: 25827 Accepted: 8741 Description Pe ...
- 一道TOPK问题
今天遇到一道TOP k的变形题,题目大概意思是有10W个随机整数,然后对这些数进行如下操作: 1.当能被3整除时,将此数替换为此数和其它数两两相加的数,包括数本身 2.当不能被3整除时,将此数替换为原 ...
- Problem 2169 shadow
Problem 2169 shadow Accept: 141 Submit: 421 Time Limit: 1000 mSec Memory Limit : 32768 KB Pr ...
- CentOS中使用shell的命令补全
习惯debian的用户都知道shell中的自动补全功能非常实用,其中在CentOS中也可以有同样的功能. 只需要安装 bash-completion 包即可. rpm -ivh http://www. ...
- java字符串输出
package mytest; public class Mycode { public static void main(String[] args){ String[]seasons = {&qu ...
- windows和centos用cutycapt截网页的图
centos下:(主要参考http://loosky.net/2816.html) (1)安装qt47 增加qt47的源 vim /etc/yum.repos.d/atrpms.repo //加入如下 ...