资讯专栏INFORMATION COLUMN

【JavaScript】BOOOOOM!

褰辩话 / 2726人阅读

摘要:表示浏览器的一个实例。它既是通过访问浏览器窗口的一个接口,又是规定的对象。所有在全局作用域声明的变量和函数都会成为对象的属性和方法。始终指向,实际上,和对象可以互相访问。如果为其传递参数,则强制从服务器重新加载。对象多用于检测浏览器类型。

有关BOM的详细属性和方法请参阅相关文档,这里只列举常用的属性和方法,不做其他赘述。

window

window表示浏览器的一个实例。它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的global对象。所有在全局作用域声明的变量和函数都会成为window对象的属性和方法。全局变量不能通过delete操作符删除(通过var在全局作用域中定义,其configurablefalse),而直接在window对象上定义的属性可以。

frames类数组对象,保存着页面中所有的框架,通过数字索引(从0开始,从上到下,从左到右)访问相应的window对象。
top始终指向最外层框架,也就是浏览器窗口。
parent指向当前框架的直接上层框架。
self始终指向window,实际上,selfwindow对象可以互相访问。
name框架的名称。

window.open()既可以导航到一个特定的URL,也可以打开新的浏览器窗口。

setTimeOut()clearTimeOut()间歇调用。
setInterval()clearInterval()超时调用。

系统对话框:alert()confirm()prompt()

function inputName() {
    var areYou = prompt("What"t is you name?", "your name");
    if (areYou !== null && areYou !== "your name") {
        if(confirm("Is your name " + areYou + "?")) {
            alert("Your name is " + areYou);
        } else {
            inputName();
        }
    } else {
        alert("Please input your name again!");
        inputName();
    }     
}
inputName();
location

location提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。它既是window对象的属性,也是document对象的属性。也就是说。window.locationdocument.location引用的是同一对象。

查询字符串参数

   function getQueryStringArgs() {
       var qs = (location.search.length > 0) ? location .search.substring(1) : "",    //取得查询字符串并去掉开头的问号。location.search获取URL中的查询字符串
           args = [],                                                                //保存最终数据的数组
           items = qs.length ? qs.split("&") : [],                                    //将每一项名值对分隔开保存在items中
           item = null,                                                            //设置每一项名值对
           name = null,                                                            //每一项的名
           value = null,                                                            //每一项的值
           len = items.length;                                                        
       for (var i=0; i

位置操作

location.href常用来打开新的浏览器位置。
location.replace()接受一个URL,跳转到这个位置,但不会再历史记录中生成新的记录。
location.reload()如果页面没有改变,从缓存中重新加载,否则从服务器加载。如果为其传递参数true,则强制从服务器重新加载。

navigator

navigator对象多用于检测浏览器类型。

检测插件

   //检测插件(IE中无效)
   function hasPlugin(name) {
       name = name.toLowerCase();
       for (var i=0; i -1) {
               return true;
           }
       }
       return false;
   }

   //检测IE中的插件
   function hasIEPlugin(name) {
       try {
           new ActiveXObject(name);
           return true;
       } catch(ex) {
           return false;
       }
   }

   //检测所有浏览器中的Flash插件
   function hasFlash() {
       var result = hasPlugin("Flash");
       if (!result) {
           result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
       }
       return result;
   }

screen

screen对象用来表明客户端的能力,包括浏览器窗口外部的显示器信息。

history

history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。

history.go()接受要前进或者后退的页面数。正数前进,负数后退。
history.back()后退一页,相当于history.go(1)
history.forward()前进一页,相当于history.go(-1)
history.length历史记录的数量。

转载请注明出处:https://segmentfault.com/a/1190000004592551

文章不定期更新完善,如果能对你有一点点启发,我将不胜荣幸。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78881.html

相关文章

  • 2017年 最好的javascript 书籍

    摘要:请记住,这些书中的一些可能不是最新的,但概念和基础仍应适用。是最好的老师之一。的秘密由部分组成。在你完成这些书后,查看书籍和最好的本土书籍。 我看过三本,第1本,第二本,第四本。第一本买的的实体书,其他两本看的是电子书。第一本是大名鼎鼎老道写的,书很薄,但是非常经典。javascirpt忍者秘籍是jquery的作者写的,也是非常经典。you dont kown js系列也是非常好。看了...

    mingzhong 评论0 收藏0
  • leetcode部分题目答案之JavaScript

    摘要:自己没事刷的一些的题目,若有更好的解法,希望能够一起探讨项目地址 自己没事刷的一些LeetCode的题目,若有更好的解法,希望能够一起探讨 Number Problem Solution Difficulty 204 Count Primes JavaScript Easy 202 Happy Number JavaScript Easy 190 Reverse Bi...

    alphahans 评论0 收藏0
  • JS程序

    摘要:设计模式是以面向对象编程为基础的,的面向对象编程和传统的的面向对象编程有些差别,这让我一开始接触的时候感到十分痛苦,但是这只能靠自己慢慢积累慢慢思考。想继续了解设计模式必须要先搞懂面向对象编程,否则只会让你自己更痛苦。 JavaScript 中的构造函数 学习总结。知识只有分享才有存在的意义。 是时候替换你的 for 循环大法了~ 《小分享》JavaScript中数组的那些迭代方法~ ...

    melody_lql 评论0 收藏0
  • JavaScript深入浅出

    摘要:理解的函数基础要搞好深入浅出原型使用原型模型,虽然这经常被当作缺点提及,但是只要善于运用,其实基于原型的继承模型比传统的类继承还要强大。中文指南基本操作指南二继续熟悉的几对方法,包括,,。商业转载请联系作者获得授权,非商业转载请注明出处。 怎样使用 this 因为本人属于伪前端,因此文中只看懂了 8 成左右,希望能够给大家带来帮助....(据说是阿里的前端妹子写的) this 的值到底...

    blair 评论0 收藏0
  • JavaScript 闯关记

    摘要:对象数组初始化表达式,闯关记之上文档对象模型是针对和文档的一个。闯关记之数组数组是值的有序集合。数组是动态的,根闯关记之语法的语法大量借鉴了及其他类语言如和的语法。 《JavaScript 闯关记》之 DOM(下) Element 类型 除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了。Element 类型用于表现 XML 或 HTML 元素...

    mj 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<