JavaScript对象

作者: 薛定谔的猫狗 | 来源:发表于2018-08-30 19:45 被阅读316次

    一.JS对象

    1.JavaScript是面向对象的语言,可以创建一个对象,并添加属性和方法,示例:


    创建对象

        可以发现,创建一个student对象,并不需要事先声明一个student类,直接new一个object类并往里面添加属性,在这里需要强调的是,添加的方法时,可以看成对象的一个属性是方法,这样便于理解和记忆。

    2.注意事项

            (1)方法的形式要记住。

            (2)在方法里访问属性时,不能省略 this !!!

            (3)console.log()与Java里面的System.out.print()类似,可以直接输出一个对象。

    打印一个对象
    打印输出


    二.JS自定义类型

    1. Javascript里也可以先定义一个类型,然后再使用,但是,通常不需要这么做(当水平很高的时候,需要给别人写一个工具类的时候,可能会用到)示例:

    实例

    2.注意事项

            (1)访问自身属性和方法时,this不能省略。

            (2)方法末尾也要加分号。

    三.浏览器对象BOM

    1.什么是浏览器对象BOM?    

     BOM,Brower Object Model,浏览对象模型。即浏览器自带的一些全局对象,使用它们可以在JS代码里操作浏览器。

    2.常用的BOM对象包括:

        window:当前窗口对象

        screen:屏幕对象

        history:访问历史

        location:地址栏

        localStorage:本地储存

        sessionStorage:会话级储存

    3.实例:控制浏览器跳转

    示例:跳转
    示例:获取屏幕大小

    可以发现,location和console都没有创建的对象,其实,location是BOM含有的全局对象,而console不是标准的BOM的对象,是谷歌浏览器含有的特有对象。

    4.window

    所有的全局对象和方法(global)都属于window对象,例如:

        var a = 10;

    相当于

        window.a = 10;

    function test(){...};

    相当于

    window.test = function(){...};

    四.文档对象DOM

    1.什么是文档对象DOM?

        DOM,DOcument Object Model,文档对象模型。

        当浏览器加载HTML后,<body>下的所有元素对象构成一个树状结构,每个节点都可以操作。

    DOM

        通过DOM创建的这个表示文档的树形图,开发人员获得了控制页面内容的和结构的主动权。借助DOM提供的API,可以轻松自如地删除、添加、替换或修改任何节点。

    2.演示,在代码中修改<id = “website">元素的内容,示例:

    示例

    DOM里所有元素都可以在document中找到,进而可以操作这些元素。document对象也是挂在window对象下面的。

    相关文章

      网友评论

        本文标题:JavaScript对象

        本文链接:https://www.haomeiwen.com/subject/gphlwftx.html