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对象中的一些重要的属性和方法(笔记)的更多相关文章

  1. Document对象中的一些重要的属性和方法(笔记)

    Document对象:每一个web浏览器窗口.标签页和框架由一个window对象所表示.每个window对象都有一个document属性引用的是Document对象,它是一个巨大的API中的核心对象, ...

  2. window对象中的常见方法

    <body><!-- window对象中的常见方法--><script type="text/javascript"> var timeid; ...

  3. JavaScript中易混淆的DOM属性及方法对比

    JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...

  4. XHR 对象实例所有的配置、属性、方法、回调和不可变值

    当我们声明了一个XMLHttpRequest对象的实例的时候,使用for-in来循环遍历一下这个实例(本文使用的是chrome45版本浏览器),我们会发现在这个实例上绑定了一些内容,我把这些内容进行了 ...

  5. python request(HttpRequest对象)请求的属性、方法笔记

    1.属性 path:表示提交请求页面完整地址的字符串,不包括域名,如"/music/bands/the_beatles/". method:表示提交请求使用的HTTP方法.(GET ...

  6. js中的数据类型及常用属性和方法

    JavaScript 字符串 字符串(或文本字符串)是一串字符(比如 "Bill Gates").字符串被引号包围.您可使用单引号或双引号您可以在字符串内使用引号,只要这些引号与包 ...

  7. java基础学习总结六(对象与类、类的属性与方法)

    一:面向过程与面向对象的区别 举例:一个人开门的动作,可以分解为开门,人进去,关门. 面向过程:人作为执行者,1:开门  2:进入   3:关门 面向对象:人作为指挥者,将开门,关门的动作都封装到门上 ...

  8. 熟悉JS中的常用选择器及属性、方法的调用

    选择器.属性及方法调用的配合使用: <style>            #a{                width: 200px;                height: 1 ...

  9. [js高手之路]原型对象(prototype)与原型链相关属性与方法详解

    一,instanceof: instanceof检测左侧的__proto__原型链上,是否存在右侧的prototype原型. 我在之前的两篇文章 [js高手之路]构造函数的基本特性与优缺点 [js高手 ...

随机推荐

  1. mac下搭建MySql环境

    准备工作做完后,开始: 创建数据库 step1: 在mac中->系统偏好设置->最下边点MySQL 在弹出页面中 关闭mysql服务(点击stop mysql server) step2: ...

  2. 转 理解vuex -- vue的状态管理模式

    转自:https://segmentfault.com/a/1190000012015742 vuex是什么? 先引用vuex官网的话: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 ...

  3. localStorage存储数组,对象,localStorage,sessionStorage存储数组对象

    localStorage存储数组,对象,localStorage,sessionStorage存储数组对象   前言 最近在用angular做商城购物车的功能模块,因为angular的watch监听, ...

  4. windows多线程(六) 互斥量Mutex与关键段CriticalSection比较

    一.关键段CS 和 互斥量Mutex 的相同点:都有线程拥有权 关键段和互斥量都有线程拥有权,即可以被一个线程拥有.在 前面讲关键段CS的文章中有说到,关键段结构体的第四个参数保存着拥有该关键段的线程 ...

  5. 隐藏基于Dialog的MFC的主窗体

    最近需要做一个主窗体常态隐藏的程序,类似360卫士那样,只有托盘图标常显示.本以为隐藏主窗体很简单,但遇到了意想不到的情况. 无效的做法 最初的想法是设置主对话框资源的 Visiable 属性为 fa ...

  6. PGM学习之一

    一 课程基本信息 本课程是由Prof.Daphne Koller主讲,同时得到了Prof. Kevin Murphy的支持,在coursera上公开传播.在本课程中,你将学习到PGM(Probabil ...

  7. Tomcat8.0配置JNDI多数据源

    jndi配置 :此种配置需要在Tomcat的server.xml中和context.xml中配置数据源,在项目中引用. 需要在tomcat下加入数据库连接的jar包,相关包(ojdbc14;c3p0数 ...

  8. Codeforces 148D 一袋老鼠 Bag of mice | 概率DP 水题

    除非特别忙,我接下来会尽可能翻译我做的每道CF题的题面! Codeforces 148D 一袋老鼠 Bag of mice | 概率DP 水题 题面 胡小兔和司公子都认为对方是垃圾. 为了决出谁才是垃 ...

  9. java多线程 -- ReadWriteLock 读写锁

    写一条线程,读多条线程能够提升效率. 写写/读写 需要“互斥”;读读 不需要互斥. ReadWriteLock 维护了一对相关的锁,一个用于只读操作,另一个用于写入操作.只要没有 writer,读取锁 ...

  10. 6: Junit1_@Test

    @Test注解是测试的基础,它提供了其他作用 1.指定将会抛出的异常类型,如果没有抛出异常或者抛出的一场不属于我们指定的类型,就会算是测试失败了. @Test(expected = RuntimeEx ...