JavaScript 内置对象和面向对象,新选择器

内置对象

1、document

document.referrer //获取上一个跳转页面的地址(需要服务器环境)
2、location

window.location.href //获取或者重定url地址
window.location.search //获取地址参数部分
window.location.hash //获取页面锚点或者叫哈希值
3、Math

Math.random 获取0-1的随机数
Math.floor 向下取整
Math.ceil 向上取整

面向对象

面向过程与面向对象编程

1、面向过程：所有的工作都是现写现用。

2、面向对象：是一种编程思想，许多功能事先已经编写好了，在使用时，只需要关注功能的运用，而不需要这个功能的具体实现过程。

• javascript对象
  将相关的变量和函数组合成一个整体，这个整体叫做对象，对象中的变量叫做属性，变量中的函数叫做方法。javascript中的对象类似字典。

创建对象的方法
1、单体

2、工厂模式

2、构造函数

3、原型模式

4、继承

• call和apply的区别
  二者都可以改变当前的this，区别在于apply方法要将参数放入数组中再传参

        function aa(a,b){
            alert('我的this是' + this + ',我的a是' + a + ',我的b是' + b);
        }

        //我的this是[object Window],我的a是2,我的b是3
        // aa(2,3);

        //我的this是abc,我的a是2,我的b是3
        // aa.call('abc',2,3);

        //我的this是abc,我的a是2,我的b是3
        aa.apply('abc', [2,3]);
    

新选择器

1、document.querySlector()
2、document.querySlectorAll()

window.onload = function(){
            var oDiv = document.querySelector('#div1');
            alert(oDiv);//弹出[object HTMLDivElement]，表示选择了该Div

            //如果要选择多个元素用querySelectorAll
            var aLi = document.querySelectorAll('.list li');
            alert(aLi.length);//8
        }