JavaScript学习笔记(十)


Posted in Javascript onJanuary 17, 2010

Window对象
window对象表示整个浏览器窗口,window还可用于移动或调整它表示的浏览器的大小。

一、窗口操作
window.moveBy(dx,dy)

把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素。dx值为负数,向左移动窗口,dy值为负数,向上移动窗口。

window.moveTo(x,y)

移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。可以使用负数,不过这样会把部分窗口移出屏幕的可视区域。

window.resizeBy(dw,dh)
相对于浏览器窗口的当前大小,把它口的宽度调整dw个像素,高度调整dy个像素。dw为负数,把缩小窗口的宽度,dy为负数,缩小窗口的高度。
window.resizeTo(w,h)
把窗口的宽度调整为w,高度调整为h。不能使用负数。窗口在屏幕上的位置以及它的尺寸。由于缺乏相应的标准,就产生了问题。

二、导航和打开新窗口
window.open()方法打开新窗口

该方法接收四个参数:①载入新窗口的URL ②新窗口的名字(为目标所用) ③特性字符串 ④说明是否用新载入的页面替换当前载入的页面的Boolean值。

第三个参数特性字符串的设置列表:

设置 说明
left Number 新创建的窗口的左坐标,不能为负数*
top Number 说明新创建的窗口的上坐标。不能为负数*
height Number 设置新创建的窗口的高度。该数字不能小于100*
width Number 设置新创建的窗口的宽度。该数字不能小于100*
resizable yes,no 判断新窗口能否拖动边线调整大小,默认值是no
scrollable yes,no 判断新窗口是否允许滚动,默认值是no
toolbar yes,no 判断新窗口是否显示工具栏,默认值是no
status yes,no 判断新窗口是否显示状态栏,默认值是no
location yes,no 判断新窗口是否显示地址栏,默认值是no

注意:特性字符串是用逗号分隔的,因此在逗号或等号前后不能有空格。

window.open()方法将返回window对象作为它的函数值,该window对象就是新创建的窗口(如果给定的名字是已有的框架名,则为框架)。用这个对象,可以操作新创建的窗口。

三、系统对话框

这个就不用多写了。alert()、confirm()、prompt()

 

四、状态栏

状态栏告诉了用户何时在载入页面,何时完成载入页面,可以通过window的两个属性控制:status和defaultStatus

defaultStatus用于定义浏览器状态栏的默认显示内容,但当鼠标移动到链接上时,状态栏的文字就会改变,移出链接又会变为defaultStatus定义的值。这点区别于status属性用于临时改变状态栏内容。

 

五、时间间隔和暂停

setTimeout()接收两个参数,第一个参数可以是代码串也可以是函数指针,第二个参数是执行它之前要等待的毫秒数(1/1000秒)。

要暂停取消则调用clearTimeout()方法,该方法接收一个参数“数字暂停ID”,数字暂停ID是由setTimeout()创建的。setTimeout()返回的是一个数字暂停ID,与操作系统中的进程ID相似。暂停ID本质上是要延迟的进程的ID。

六、历史

go()方法只有一个参数,即前进或后退的页面数。如果是负数,就在浏览器历史中后退,如果是整数,就前进。

window.history.go(-1); //后退一页

window.history.go(1); //前进一页

或者

history.go(-1); //window对象的引用不是必需的

用back()方法和forward()方法可以实现同样的操作:

history.back(); //后退一页

history.forward(); //前进一页

用length属性查看历史中的页面数:

alert(history.length);

如果想前进或后退多个页面,可以用length属性先看看是否可以这样做。

Javascript 相关文章推荐
jquery自动切换tabs选项卡的具体实现
Dec 24 Javascript
node.js中的console.dir方法使用说明
Dec 10 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
基于Swiper实现移动端页面图片轮播效果
Dec 28 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
Vue微信公众号网页分享的示例代码
May 28 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
Jan 17 #Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 #Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 #Javascript
javascript 特性检测并非浏览器检测
Jan 15 #Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 #Javascript
extjs 为某个事件设置拦截器
Jan 15 #Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 #Javascript
You might like
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
使用原生js写的一个简单slider
2014/04/29 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
JS实现调用本地摄像头功能示例
2018/05/18 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
JavaScript中的Proxy对象
2020/11/27 Javascript
python动态网页批量爬取
2016/02/14 Python
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
scrapy爬虫完整实例
2018/01/25 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
SQL Server面试题
2013/04/04 面试题
什么时候需要进行强制类型转换
2016/09/03 面试题
自荐信模版
2013/10/24 职场文书
党员领导干部廉洁从政承诺书
2014/03/27 职场文书
广告宣传策划方案
2014/05/21 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
安全生产培训心得体会
2016/01/18 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
Java获取字符串编码格式实现思路
2022/09/23 Java/Android