6.JavaScript中

JS对象创建：

//        创建对象
        var dog = {
            name:'xiaoming',//属性
            age:10,
            height:120,
            friends:['xioahua','feng'],
            eat:function () {
                console.log(this.name,'吃东西');//this当前对象
            },

            run:function (distance) {
                console.log(this.name+'跑了'+distance+'米');
            }
        };
        console.log(dog, typeof dog);
        dog.eat();
        dog.run(100);

        //       创建一个对象
        var obj = new Object();//创建一个obj对象
        obj.age = 5;
        obj.click = function () {
            alert('我被点击了');
        }
        //      另一种写法
        var obj1 = {
            age: 10,
            click: function () {
                alert('我也被点击了');
            }
        }

---

JS通过构造函数创建对象：

//        普通函数
        var Dog = function (name) {
            console.log('这是一个普通函数');
            this.name = name;
            this.eat = function (someThing) {
                console.log(this.name+'吃'+someThing);
            };
        }

//        通过new关键字创建对象
        var dog1 = new Dog('ming');
        dog1.eat('汉堡');
        var dog2 = new Dog('feng');

---

JS内置对象window：

• 所有的全局变量都是window的属性
• 所有的全局函数都是window的方法

        

        var age = 17; //全局变量
        window.age = 18;
        function person() {
            console.log(this)
        }
        person();//打印的是window

        new person();//打印的是person类 不是window

//     第二大作用：动态跳转
        window.alert(0);
        window.location.href = 'http://www.baidu.com';
       //iOS开发拦截url跳转就是这个

---

document：

• 可以动态获取网页的中的所有标签（节点）
• 可以对获取到的标签（节点）进行CRUD（增删改查）

        //写入
        document.write('haha');
//        增加标签
        document.write('');

小练习1：点击按钮更换图片

    
    

    





点我

小练习2：切换图片

    
    
    



上一张
下一张

---

定时器：

10

---

JS常用事件