JavaScript的初入学习

JavaScript(简称“JS”)

JS是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。

JS是属于HTML和Web的编程语言。

为什么学习JavaScript

  • HTML定义网页的内容
  • CSS规定网页的布局
  • JavaScript对网页行为编程

第一个JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>JavaScript</h1>
    <p id="demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "我的第一段JavaScript";
    </script>
</body>
</html>

JavaScript的初入学习 

JavaScript函数和事件

JavaScript函数是一种JavaScript代码块,它可以在调用时被执行。

例如:当发生事件时调用函数,比如当用户点击按钮时。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="demo">点击下方显示时间</p>
    <button onclick="DisplayTime();">显示当前时间</button>
    <!-- 当用户点击按钮时就会调用下方函数获取时间 -->
</body>
<script>
    function DisplayTime() {
        document.getElementById('demo').innerHTML = Date();
    }
</script>
</html>

JavaScript的初入学习

 当点击按钮后页面就会更新为

JavaScript的初入学习

 

上一篇:字符串转成dom对象;且对dom对象进行修改某字符


下一篇:innerHTML或v-html中的富文本绑定事件