欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【代码笔记】Web-JavaScript-Javascript对象

程序员文章站 2022-09-14 11:34:14
一,效果图。 二,代码。 javascript 对象

创建javascript对易县.

一,效果图。

【代码笔记】Web-JavaScript-Javascript对象

二,代码。

【代码笔记】Web-JavaScript-Javascript对象
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript 对象</title>
</head>

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

    };

    document.getelementbyid("demo").innerhtml = person.firstname + "is" + person.age + "years old";
    </script>
    <p>创建和使用对象方法。</p>
    <p>对象方法作为一个函数定义存储在对象属性中。</p>
    <p id="demo"></p>
    <script>
    var person = {
        firstname: "john",
        lastname: "doe",
        id: 5566,
        fullname: function() {
            return this.firstname + " " + this.lastname;
        }
    };

    document.getelementbyid("demo").innerhtml = person.fullname();

    < /body>

    < /html>
【代码笔记】Web-JavaScript-Javascript对象

 

 

参考资料:《菜鸟教程》