关于JavaScript入门知识，书籍文档推荐（JavaScript基础）

最新推荐文章于 2025-03-17 12:02:43 发布

DestReny

最新推荐文章于 2025-03-17 12:02:43 发布

阅读量888

点赞数 2

分类专栏： JavaScript基础 JavaScript文档文章标签： javascript

本文链接：https://blog.youkuaiyun.com/China_destiny/article/details/108804811

版权

JavaScript基础同时被 2 个专栏收录

1 篇文章

订阅专栏

JavaScript文档

1 篇文章

订阅专栏

关于JavaScript入门知识，书籍文档推荐（JavaScript基础）

想要学好JavaScript这门编程语言，就要先了解JavaScript这门编程语言的作用。

JavaScript是为了解决页面与用户之间的互动，当然了现在的JavaScript已经不仅仅局限于解决页面与用户之间的互动问题，而是已经走向了更高更深的层次。

作为小白想要学习JavaScript，可以买一些书籍阅读自学，也可以在B站上查找一些关于JavaScript基础的视频。关于JavaScript从入门到进阶的书籍有《JavaScript DOM编程艺术》、《JavaScript权威指南《第6版》》、《JavaScript高级程序设计》、《深入浅出JavaScript》、《JavaScript DOM高级程序设计》、《精通JavaScript》。这些书籍没有必要都去进行自习的阅读，可以挑选几本自己感兴趣的，研究透彻即可。

关于JavaScript这门编程语言的入门知识

JavaScript有三种书写位置，分别是：

行内式（不常用）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
         div {
              width: 200px;
              height: 200px;
              background-color: red;
         }
    </style>
</head>
<body>
    <!-- 这是行内式的写法（给div的盒子添加点击事件） -->
    <div  onclick="alert('你点我了')"></div>
</body>
</html>

内嵌式（一般）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 
    <script>   
        js代码
    </script>
     -->
</head>
<body>
</body>
</html>

外联式（常用）

1.单独新建一个js文件，文件后缀名是 .js

2.在js文件内部直接写js代码

3.网页通过 <script src="js文件路径"><script> 讲外部的js文件引入到页面中

接下来就是学习JavaScript中的：变量的使用、数据类型、运算符、分支语句、循环语句、数组、函数、对象。当这些学完之后，就是看一些关于DOM、BOM的知识了。

关于JavaScript入门知识的基本应用

变量的使用

<script>
      // 定义变量
      // var 变量名 = 变量值
      var num = 20;
      console.log(num);
</script>

数据类型

<script>
      // 数据类型
      var num = 1;
      // 字符串型
      var num1 = '123';
      //   布尔型
      var num2 = true;
      var num3 = false;
      // undefined
      var num4 = undefined;
</script>

运算符

算数运算符 + - * /

赋值运算符 =

逻辑运算符 && || !

比较运算符 > >= < <= == ===

分支语句

<script>
        // 题目: 根据用户输入的性别,显示对应的称呼
        // 步骤:
        // 1. 先获取用户输入的性别
        var gender = prompt("请输入您的性别");
        // 2. 根据用户输入的性别判断是男还是女,如果是男就显示先生,否则就显示女士
        if (gender == "男") {
            alert("先生您好");
        } else {
            alert("女士您好");
        }
</script>

循环语句

<script>
      for(var i = 0; i < 5; i++) {
        // 循环体;
      }
</script>

数组

<script>
      var arr = [123, 'abc', '张三'];
</script>

函数

<script>
      function 函数名() {
        函数体;
      }
      //   调用函数
      函数名();
</script>

对象

<script>
      var obj = {
        name: '张三',
        age: 20,
        sing: function () {
          console.log('sing');
        }
      };
      console.log(obj);
</script>