在HTML中使用JavaScript

添砖JAVA的小墨

已于 2024-08-05 15:43:16 修改

阅读量793

点赞数 16

文章标签： html javascript

于 2024-07-13 10:35:00 首次发布

本文链接：https://blog.csdn.net/zhugedali_/article/details/140395972

版权

在 HTML 中使用 JavaScript 有以下几种常见的方式：

一、内联脚本

（一）基本语法

内联脚本是将 JavaScript 代码直接嵌入到 HTML 文件的 <script> 标签内部。

<!DOCTYPE html>

<html lang="en">



<head>

  <meta charset="UTF-8">

  <title>内联脚本示例</title>

</head>



<body>

  <script>

    // 变量声明与赋值

    var message = "Hello, World!";



    // 函数定义

    function showMessage() {

      console.log(message);

    }



    // 函数调用

    showMessage();



    // 条件语句

    if (message.length > 5) {

      console.log("消息长度大于 5");

    } else {

      console.log("消息长度小于或等于 5");

    }



    // 循环语句

    for (var i = 0; i < 5; i++) {

      console.log(i);

    }

  </script>

</body>



</html>

在上述示例中，我们在 <script> 标签内部