一,效果图。

\"\"

二,代码。

\"复制代码\"
<!DOCTYPE html>
<html>

<head>
    <  charset=\"utf-8\">
    < >  对象</ >
</head>

<body>
    <p>创建 对易县.</p>
    <p id=\"demo\"></p>
    <  type=\"text/ \">
    var person = {
        firstname: \"john\",
        lastname: \"doe\",
        age: 50,
        eyecolor: \"blue\"

    };

    document.getElementById(\"demo\").innerHTML = person.firstname + \"is\" + person.age + \"years old\";
    </ >
    <p>创建和使用对象方法。</p>
    <p>对象方法作为一个函数定义存储在对象属性中。</p>
    <p id=\"demo\"></p>
    < >
    var person = {
        firstName: \"John\",
        lastName: \"Doe\",
        id: 5566,
        fullName: function() {
            return this.firstName + \" \" + this.lastName;
        }
    };

    document.getElementById(\"demo\").innerHTML = person.fullName();

    < /body>

    < /html>
\"复制代码\"

 

 

参考资料:《菜鸟教程》

收藏 打印