Java教程

JavaScript的初入学习

本文主要是介绍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代码块，它可以在调用时被执行。

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

<!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的初入学习的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航