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 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
JavaScript入门系列之知识点总结
Mar 24 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
BootStrap的两种模态框方式
May 10 Javascript
详解react-router如何实现按需加载
Jun 15 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
vue项目出现页面空白的解决方案
Oct 31 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
vue中父子组件的参数传递和应用示例
Jan 04 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
php实现网站留言板功能
2015/11/04 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
javascript 写类方式之十
2009/07/05 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
js+html制作简单验证码
2017/02/16 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
2018/09/14 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
[57:55]EG vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
铁路工务反思材料
2014/02/07 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
三年级评语大全
2014/04/23 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
公司离职证明范本
2014/10/17 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python