2020-09-25

关于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>

推荐可以查阅JavaScript知识的文档

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页