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 相关文章推荐
有趣的javascript数组定义方法
Sep 10 Javascript
jQuery.clean使用方法及思路分析
Jan 07 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
Vue异步组件使用详解
Apr 08 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
vue实现文字加密功能
Sep 27 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
vue选项卡切换的实现案例
Apr 11 Vue.js
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
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
laravel自定义分页效果
2017/07/23 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
js function使用心得
2010/05/10 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
javascript解析json实例详解
2014/11/05 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
详解JS中Array对象扩展与String对象扩展
2016/01/07 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
vue多层嵌套路由实例分析
2019/03/19 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
实体的生命周期
2013/08/31 面试题
三好学生自我鉴定
2013/12/17 职场文书
会计应聘求职信范文
2013/12/17 职场文书
历史系自荐信范文
2013/12/24 职场文书
单位收入证明范本
2015/06/18 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang
Oracle表空间与权限的深入讲解
2021/11/17 Oracle
Python可视化神器pyecharts绘制水球图
2022/07/07 Python