一、JS复习—JavaScript

最新推荐文章于 2026-06-22 22:05:57 发布

原创最新推荐文章于 2026-06-22 22:05:57 发布 · 227 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript #html

本文介绍了JavaScript（简称JS）的基本概念，它是一种不需要编译的脚本语言，常用于Web客户端增强网页动态功能。文章详细讲解了JS的四个主要特点：面向对象、解释执行、浏览器兼容及弱类型数据处理。此外，还通过实例展示了JS在HTML中的使用位置、基本数据类型（包括Number、String和Boolean）、if判断语句以及for循环的运用，帮助初学者快速理解JS的基础语法。

前言

在开发界很多人都听说过js，但是不知道js是什么意思，具体是干什么用，又或者说它这门语言可以干什么用，所以在这里给大家介绍一下js到底是干什么用的又或者说js到底能让我们实现出来什么样的操作

文章目录

一、JS是什么？

Javascript简称js，js是一种脚本语言，是不需要进行编译的，也是浏览器中的一部分，经常用在web客户端脚本语言，主要是用来给html增加动态功能。同时js还可以实现在页面中的前后端交互。

二、js中的四大特点：

1.js是面对对象的，我们可以创建对象和使用现有的对象。

2.js是不需要编译就能执行的脚本语言，并且是在运行中，直接进行解释。

3.js是不需任何的操作系统，只要有浏览器支持就可以，并且同时支持多种浏览器运行。

4.js对数据类型是不需要任何要求的，采用的方式是弱类型。

三、使用方法

1.使用位置

代码如下（示例）：

<!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>
    //写入位置以及方式/跟html标签相似有着开头以及结尾
    <script>
        
    </script>
</body>

</html>

第一步：我们要想使用JS那么首先我们就需要先在html文件中写上一对标签语，在里面实现我们想进行的操作。

2.js中的数据类型

在js中我们一共分别有两种数据类型

1)基本数据类型

2)引用数据类型（分为对象object、function）

在这节文章中我们先开始进行基本数据类型的讲解，引用数据类型可以放在后面。

代码如下（示例）：

<!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>
    <script>
        // 在js中的基本数据类型。
        // Number——数字类型
        //     1）int——整数类型
        //     2）float——浮点类型（小数类型）
        // String——字符串类型
        // Boolean——布尔值类型（只有两个值：“true（真）”，“false（假）”）
        // underfined——未定义
        // null——空
    </script>
</body>
</html>

3.js中的if判断

代码如下（示例）：

<!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>
    <script>
        /* if (判断值) {

            执行代码段

        } */

        /* if (判断值) {

            执行代码段


        } else {   //判断为false进行该操作

            执行代码段

        } */

        /* if (判断值) {

            执行代码段

        } else if (判断值) {    
                    //多重判断：当第一个判断值没有判断为false时，
                    //    继续进行判断第二个判断值如果判断为true执行该操作代码段，
                    //    如果为false执行下段else操作

            执行代码段

        } else {    //判断为false进行该操作
            执行代码段

        }  
        */
    </script>
</body>

</html>

我们在判断一个条件值的时候经常会用到JS中的if判断这条语句

4.js中的for循环

在实现某些任务中，我们难免避开不了一些复杂又重复的工作这个时候我们就用到for循环了，它可以代替我们实现大量的重复性操作，只需我们在循环体内写入代码段他就能自动的代替我们进行重复操作，非常便利

<!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>
    <script>
//for (let index = 0; index < /*array.length—规定循坏次数;*//*index++ — 循环值自增*/){

        //                         // 代码段

        // }
    </script>
</body>

</html>