资讯专栏INFORMATION COLUMN

【JavaScript】BOOOOOM!

褰辩话 / 2902人阅读

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

有关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()

</>复制代码

  1. function inputName() {
  2. var areYou = prompt("What"t is you name?", "your name");
  3. if (areYou !== null && areYou !== "your name") {
  4. if(confirm("Is your name " + areYou + "?")) {
  5. alert("Your name is " + areYou);
  6. } else {
  7. inputName();
  8. }
  9. } else {
  10. alert("Please input your name again!");
  11. inputName();
  12. }
  13. }
  14. inputName();
location

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

查询字符串参数

</>复制代码

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

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

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

  14. 检测插件

  15. </>复制代码

    1. //检测插件(IE中无效)
    2. function hasPlugin(name) {
    3. name = name.toLowerCase();
    4. for (var i=0; i -1) {
    5. return true;
    6. }
    7. }
    8. return false;
    9. }
    10. //检测IE中的插件
    11. function hasIEPlugin(name) {
    12. try {
    13. new ActiveXObject(name);
    14. return true;
    15. } catch(ex) {
    16. return false;
    17. }
    18. }
    19. //检测所有浏览器中的Flash插件
    20. function hasFlash() {
    21. var result = hasPlugin("Flash");
    22. if (!result) {
    23. result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
    24. }
    25. return result;
    26. }
  16. screen
  17. screen对象用来表明客户端的能力,包括浏览器窗口外部的显示器信息。

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

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

  21. </>复制代码

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

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

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

转载请注明本文地址: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元查看
<