js基础

1 事件触发、调用js函数

onclick是点击触发事件

在function里会有js代码,这里改变的是文本,其他html元素也可以改变

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        function f() {                                    //脚本函数
            x = document.getElementById('show_time')    //根据id查找内容
            x.innerHTML=Date();                           //改变显示内容
        }
    </script>
</head>
<body>

    <div>
        <p id="show_time">原内容</p>
        <button type="button" onclick="f()">显示日期</button>
{#        一个按钮,点击触发onclick事件,调用脚本函数#}
    </div>

</body>
</html>

  

 2 对象

person是一个类,firstname和lastname是它的属性,而fullname是方法。

在showname函数中,调用了person.fullname()这个方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>

        var person = {
            firstName: "John",
            lastName : "Doe",
            id : 5566,
            fullName : function()
            {
               return this.firstName + " " + this.lastName;
            }
        };

        function showName() {
            document.getElementById('myName').innerHTML = person.fullName()
        }
    </script>
</head>
<body>

    <div>
        <p id="myName"></p>
        <button type="button" onclick="showName()">show name</button>
    </div>

</body>
</html>

  

posted @ 2019-02-20 10:20  jabbok  阅读(193)  评论(0编辑  收藏  举报