window对象中的一些重要的属性和方法(笔记)
setTimeout()方法用来实现一个函数在指定的毫秒数之后运行:setTimeout()返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行。由于历史原因,setTimeout()的第一个参数可以作为字符串传入(相当于执行eval())。
var updata = function (){
//code.......
}
//60秒之后执行updata函数
var timer = setTimeout(updata, 60000);
//取消setTimeout()函数
clearTimeout(timer);
setInterval()方法会每隔指定的时间重复调用某个函数:setInterval()会返回一个值,这个值可以传递给clearInterval()用于取消后续函数的调用。注意,如果以0毫秒的超时时间来调用setTimeout(),那么指定的函数不会立刻执行。相反,会把它放到队列中,等到前面处于等待状态的事件处理程序全部执行完成后,在立即调用它。由于历史原因,setTimeout()的第一个参数可以作为字符串传入(相当于执行eval())。
var updata = function (){
//code.......
}
//每隔3秒都会执行updata函数
var timer = setInterval(updata, 3000);
//setInterval()函数
clearInterval(timer);
location属性引用的Location对象可以操作当前浏览器页面URL:该对象表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入新的文档。需要注意的是document对象的location属性也引用到Location对象(window.location === document.location //总是返回true),document对象也有一个URL属性,是文档首次载入后保存该文档的URL的静态字符串(如果定位到文档中的片段标识符,Location对象会做相应的更新,而document.URL属性却不会改变)。Location对象的href属性是一个字符串,后者包含URL的完整文本。Location对象的toString()方法返回href属性的值,因此在会隐式调用toString()的情况下,可以使用location代替location.href。这个对象的其他属性protocol,host,hostname,port,pathname和search,分别表示URL的各个部分,它们称为“URL分解”。
//重新定位当前的页面的URL
window.location.href = 'www.baidu.com';
history属性引用的History对象存放着浏览器窗口的浏览历史:history对象是用来把窗口浏览历史用文档和文档状态列表的形式表示。history对象的length属性表示浏览历史列表中的元素数量,但出于安全的因素,脚本不能访问以保存的URL。history对象的back()和forward()方法与浏览器的“后退”和“前进”按钮一样,它们使浏览器在浏览历史中前后跳转一格,第三个方法go()接受一个整数参数,可以在历史列表中向前(正参数)或向后(负参数)跳转任意多个页。
//后退两个历史记录,相当于点击“后退”按钮两次
history.go(-2);
navigator属性引用的Navigator对象包含浏览器厂商和版本信息:虽然现在又更好的方法测试浏览器的兼容性问题(只需要测试所需要的方法或属性在当前浏览器中是否为true)。但是当需要解决存在于某个特定的浏览器的特定版本中的特殊bug时。Navigation属性就能派上用场。
//查看当前浏览器的厂商和版本信息
window.navigator
弹出对话框的函数:window对象中有3个方法来向用户显示简单的对话框。而且使用这些方法的时候都会会产生阻塞吗,也就是,在用户关闭掉它们所显示的对话框之前,它们不会返回,也就意味着所有JS代码会停止运行。
//alert()方法向用户显示一条消息并等待用户关闭对话框。
alert('显示的消息'); //confirm()也显示一条消息,要求用户单击“确定”或“取消”按钮,并返回一个布尔值。
confirm('显示的消息'); //prompt()同样显示一条消息,等待用户输入字符串,并返回那个字符串。
//需要注意的是,prompt()方法对话框中显示的文本是纯文本,而不是HTML格式的文本,只能使用空格、换行符和各种标点符号来格式化这些对话框。
prompt('用户输入值:');
每一个浏览器标签页都有一个独立的window对象:一个web浏览器窗口可能在桌面上包含多个标签页,每个标签页都是独立的“浏览上下文”,每个上下文都有独立的window对象,而且相互之间互不干扰。每个标签页中运行的脚本通常并不知道其它标签页的存在,更不用说和其他标签页的window对象进行互交操作了。
open()方法:window对象的open()方法可以打开一个新的浏览器窗口或标签页,window.open()载入指定的URL到新的或已存在的窗口中,并返回代表那个窗口的window对象,需要注意的是,通常open()方法只有当用户手动单击按钮或者链接的时候才会调用,JS代码尝试在浏览器初始载入(或卸载)时开启一个弹出窗口通常会失败,它有4个可选的参数。
参数一:是要在新窗口中显示的文档的URL,如果这个参数省略或者是空字符串,那么会打开一个空页面。
参数二:是新打开的窗口的名字,如果指定的是一个已经存在的窗口的名字并且脚本允许跳转到那个窗口,那么会直接使用已存在的窗口,否则会打开新的窗口,如果省略此参数,会使用指定的名字“_blank”打开一个新的、未命名的窗口。
参数三:是一个以逗号分隔的列表,包含大小和各种属性,用以表明新窗口是如何打开的,如果省略这个参数,那么新窗口就会用一个默认的大小,而且带有一整组标准的UI组件,即菜单栏、状态栏、工具栏等。
参数四:只在第二个参数命名的是一个存在窗口时才有用。它是一个布尔值,声明了由第一个参数指定的URL是应用替换调用窗口浏览历史的当前条目(true),还是应该在窗口浏览历史中窗口一个新的条目(false),后者是默认的设置。
window.open(URL,name,features,replace)
关闭窗口:window对象的close()方法将关闭一个窗口,大多数浏览器只允许自动关闭由自己的JS代码创建的窗口。在表示窗体而不是顶级窗口或标签页上的window对象上执行close()方法不会有任何效果,它不能关闭一个窗体。即使一个窗口关闭了,代表它的window对象仍然存在。已关闭的窗口会有个值为true的closed属性,它的document会null,它的方法通常也不会再工作。
//关闭一个窗口
window.close()
window对象中的一些重要的属性和方法(笔记)的更多相关文章
- Document对象中的一些重要的属性和方法(笔记)
Document对象:每一个web浏览器窗口.标签页和框架由一个window对象所表示.每个window对象都有一个document属性引用的是Document对象,它是一个巨大的API中的核心对象, ...
- window对象中的常见方法
<body><!-- window对象中的常见方法--><script type="text/javascript"> var timeid; ...
- JavaScript中易混淆的DOM属性及方法对比
JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...
- XHR 对象实例所有的配置、属性、方法、回调和不可变值
当我们声明了一个XMLHttpRequest对象的实例的时候,使用for-in来循环遍历一下这个实例(本文使用的是chrome45版本浏览器),我们会发现在这个实例上绑定了一些内容,我把这些内容进行了 ...
- python request(HttpRequest对象)请求的属性、方法笔记
1.属性 path:表示提交请求页面完整地址的字符串,不包括域名,如"/music/bands/the_beatles/". method:表示提交请求使用的HTTP方法.(GET ...
- js中的数据类型及常用属性和方法
JavaScript 字符串 字符串(或文本字符串)是一串字符(比如 "Bill Gates").字符串被引号包围.您可使用单引号或双引号您可以在字符串内使用引号,只要这些引号与包 ...
- java基础学习总结六(对象与类、类的属性与方法)
一:面向过程与面向对象的区别 举例:一个人开门的动作,可以分解为开门,人进去,关门. 面向过程:人作为执行者,1:开门 2:进入 3:关门 面向对象:人作为指挥者,将开门,关门的动作都封装到门上 ...
- 熟悉JS中的常用选择器及属性、方法的调用
选择器.属性及方法调用的配合使用: <style> #a{ width: 200px; height: 1 ...
- [js高手之路]原型对象(prototype)与原型链相关属性与方法详解
一,instanceof: instanceof检测左侧的__proto__原型链上,是否存在右侧的prototype原型. 我在之前的两篇文章 [js高手之路]构造函数的基本特性与优缺点 [js高手 ...
随机推荐
- ubuntu中启动VIM,以及学习VIM
启动VIM:首先打开终端,然后输入vi回车,然后输入i或者a,进入. 学习VIM:首先打开终端,然后输入vimtutor回车,然后进入教程学习.
- linux安全配置学习
参考摘自https://www.cnblogs.com/hiccup/p/4300963.html 1.关闭icmp请求 #vm虚拟机是130地址,通过echo 1 > /proc/sys/ne ...
- oracle 3大范式 理解
CREATE OR REPLACE PACKAGE pack3 AS FUNCTION fun_calc (num1 NUMBER ,num2 NUMBER ) RETURN number ; fun ...
- 微信小程序 功能函数 密码验证*
//登录输入密码 userPasswordInput: function (e) { var that = this; this.setData({ userPassword: e.detail.va ...
- java 数据结构与算法---队列
原理来自百度百科 一.队列的定义 队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表.进行插 ...
- Java乐观锁、悲观锁
乐观锁 乐观锁(Optimistic Lock), 顾名思义,就是很乐观,每次去拿数据的时候都认为别人不会修改,所以不会上锁,但是在更新的时候会判断一下在此期间别人有没有去更新这个数据,可以使用版本号 ...
- latex添加eps文档
latex添加图像时,要将.eps文档放在当前文件夹中,然后使用: % For one-column wide figures use\begin{figure}\begin{center}% Use ...
- FlatBuffers初探
我第一次知道FlatBuffers是因为Facebook写的这篇Android的技术博客文章.它主要介绍了FlatBuffers对比JSON的优势,以及Facebook Android App应用了F ...
- 【刷题】BZOJ 3930 [CQOI2015]选数
Description 我们知道,从区间[L,H](L和H为整数)中选取N个整数,总共有(H-L+1)^N种方案.小z很好奇这样选出的数的最大公约数的规律,他决定对每种方案选出的N个整数都求一次最大公 ...
- BZOJ 2460: [BeiJing2011]元素
2460: [BeiJing2011]元素 Time Limit: 20 Sec Memory Limit: 128 MBSubmit: 878 Solved: 470[Submit][Statu ...