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 相关文章推荐
网页中的图片的处理方法与代码
Nov 26 Javascript
jQuery 页面 Mask实现代码
Jan 09 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
微信小程序中使用vant框架的具体步骤
Feb 18 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检测图片木马多进制编程实践
2013/04/11 PHP
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
php实现的简单检验登陆类
2015/06/18 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
React中的refs的使用教程
2018/02/13 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
vue简单练习 桌面时钟的实现代码实例
2019/09/19 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
python3+PyQt5实现使用剪贴板做复制与粘帖示例
2017/01/24 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
python中rc1什么意思
2020/06/19 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
大学生自我鉴定书
2014/03/24 职场文书
爱国演讲稿500字
2014/05/04 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
经费申请报告范文
2015/05/18 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
人力资源部工作计划
2019/05/14 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
JavaScript 对象创建的3种方法
2021/11/17 Javascript
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫