zoukankan      html  css  js  c++  java
  • 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()
  • 相关阅读:
    Mysql权限控制
    ionic中修改图标的问题
    在centos中使用vim编辑器
    使用laravel的任务调度(定时执行任务)
    在预装win8的电脑上换win7系统讲解
    游戏电脑需要看的配置
    数据结构学习之二叉树
    数据结构排序算法之希尔排序
    数据结构排序算法之归并排序
    数据结构排序算法之简单插入排序
  • 原文地址:https://www.cnblogs.com/zhuifeng/p/3773651.html
Copyright © 2011-2022 走看看