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实现显示和隐藏的4种简单方式
Aug 28 Javascript
JavaScript中DOM详解
Apr 13 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
jQuery Pagination分页插件使用方法详解
Feb 28 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 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的session cookie错误
2009/08/09 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
JavaScript中的关键字"VAR"使用详解 分享
2013/07/31 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
javascript常见操作汇总
2014/09/03 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
python采集微信公众号文章
2018/12/20 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
Python之京东商品秒杀的实现示例
2021/01/06 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
学生周末回家住宿长期请假条
2014/02/15 职场文书
挂靠协议书范本
2014/04/22 职场文书
大型活动组织方案
2014/05/10 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
运动员加油词
2015/07/18 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
Spring Boot 整合 Apache Dubbo的示例代码
2021/07/04 Java/Android