zoukankan      html  css  js  c++  java
  • js-JavaScript高级程序设计学习笔记6

    第八章 BOM

    1、BOM的核心对象是window,他表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JS访问浏览器窗口的一个接口,又是ES规定的Global对象

    2、定义全局变量与在window对象上直接定义属性还是有一点差别:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。

    3、由于浏览器差异,无法确定浏览器窗口本身的大小,但可以取得页面视口的大小:

    var pageWidth=window.innerWidth,
        pageHeight=window.innerHeight;
    
    if (typeof pageWidth!="number") {
        if (document.compatMode=="CSS1Compat") {
            pageWidth=document.documentElement.clientWidth;
            pageHeight=document.documentElement.clientHeight;
        }else {
            pageWidth=document.body.clientWidth;
            pageHeight=document.body.clientHeight;
        }
    }

    4、使用moveTo()和moveBy()可以将一个窗口精确地移动到一个新位置。使用resizeTo()和resizeBy()可以调整浏览器窗口的大小。(不适用于框架,有可能会被浏览器禁用)。

    5、setTimeout()方法表示在指定时间过后执行代码,第一个参数可以是字符串形式的代码,但不推荐,推荐写成匿名函数模式,防止性能下降。调用该方法后会返回一个数值ID,是计划执行代码的唯一标识符,可通过clearTimeout(数值ID)的方法取消。

    6、setInterval()和clearInterval()间歇调用。

    7、location对象既是window对象的属性,又是document对象的属性。window.location和document.location引用的是同一个对象。

    8、创建一个函数,用于解析查询字符串,然后返回包含所有参数的一个对象

    function getQueryStringArgs(){
        var qs=(location.search.length>0?location.search.substring(1):""),
            args={},
            items=qs.length?qs.split("&"):[],
            item=null,
            name=null,
            value=null,
            i=0,
            len=items.length;
    
        for(i=0;i<len;i++){
            item=items[i].split("=");
            name=decodeURIComponent(item[0]);
            value=decodeURIComponent(item[1]);
    
            if (name.length) {
                args[name]=value;
            }
        }
        
        return args;
    }

    第九章 客户端检测

    1、可使用双逻辑非操作符得到布尔值。

    2、客户端检测方法:能力检测、怪癖检测、用户代理检测。优先考虑使用能力检测。

    第十章 DOM

    1、DOM是针对HTML和XML文档的一个API,DOM描绘了一个层次化的节点树,允许开发人员动态的添加、移除和修改页面的一部分

    2、文档元素是文档的最外层的元素,文档中的其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。在HTML页面中,文档元素始终都是<html>元素。

    3、所有节点类型都继承自Node类型,因此所有节点都共享着相同的基本属性和方法。

    4、对于元素节点,nodeName中保存的始终是元素的标签名,而nodeValue的值始终是null。

    5、对arguments对象使用Array.prototype.slice()方法可以将其转换为数组。如:var arrayOfNodes=Array.prototype.slice.call(someNode.childNode,0);

    6、如果传入到appendChild()中的节点已经是文档的一部分了,那结果就是将该节点从原来的位置转移到新位置。例如传入firstChild,那么它将变为lastChild。

    7、在通过JS以编程方式操作DOM时,开发人员经常不适用getAttribute(),而只是使用对象的属性。只有在取得自定义特性值的情况下,才会使用getAttribute()方法。

    8、NodeList、NamedNodeMap、HTMLCollection这三个集合都是动态的,每当文档结构发生变化,他们都会得到更新

    9、理解DOM的关键,是理解DOM对性能的影响DOM操作往往是JS程序中开销最大的部分,因而访问NodeList导致的问题最多。每次访问都会运行一次查询,因此最好尽量减少DOM操作。

  • 相关阅读:
    终于看到费德勒在法网如愿!
    o(∩_∩)o...,今天去博客园了!
    条款4:使用Conditional特性代替#if条件编译
    MSDTC无法启动的解决方法
    2009 很有意义的一天
    从现在开始,争取记录每天所学到的、所感受到的、所遇见到的点点滴滴!
    了解MOSS2007 内容类型ID(Content Type IDs)命名规则
    CreateSpecificCulture('zhcn')和new CultureInfo('zhcn')的区别
    金华大显数码科技有限公司诚聘
    使用SQL Server中按位于来表示组合状态
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6112549.html
Copyright © 2011-2022 走看看