JS的知识-CSDN博客

本文链接：https://blog.csdn.net/2303_77005062/article/details/140958785

JS的引入:分为内部脚本和外部脚本

内部脚本：定义在html文件的任何地方，需要包含在<script></script>中。格式如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>傻逼，嘻嘻</title>

</head>
<body>
    <!-- javaScript的引入的两种方式 -->
    <script>
        alert("哈哈，这是一个警告框");
    </script>
    <!-- 是相对于html文件的位置 -->
    <!-- <script src="JS/test.js"></script> -->
</body>
</html>

外部脚本：自定义js文件，通过<script src="js文件的地址"></script>，格式如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>傻逼，嘻嘻</title>

</head>
<body>
    <!-- javaScript的引入的两种方式 -->
    <!-- <script>
        alert("哈哈，这是一个警告框");
    </script> -->
    <!-- 是相对于html文件的位置 -->
    <script src="JS/test.js"></script>
</body>
</html>

书写语法和变量

书写语法：包含基础语法和输出语句，基础语法与Java语法相同，输出语句分为三类，分别是输出在浏览器，html中，控制台中，语法是，window.alert(), document.write(), console.log()，格式如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-基础语法</title>
</head>
<body>
    
    <script>
        //第一中，windows.alert();
        window.alert("这是一个应该弹出的警告框");

        //第二种, document.write()
        document.write("这是一个写在html页面中的语句");

        //第三种，console.log();
        console.log("这个是显示在控制台的");
    </script>

     
</body>
</html>

变量：是一种弱类型语言，变量的命名与Java语言相同，使用var,let,const来定变量，其特性如下：

var:全局变量，可重复声名

let:作用于代码块中，不可重复声名

const:作用于代码块中，不可重复声明，且值不能修改，相当于一个常量。

数据类型,运算符和数据类型转换

数据类型有：number,string,null,boolean,underfind五种类型。

运算符除了（==和===）其余的和Java运算符相同，==可以进行数据类型转换，===不进行数据类型转换，外面别忘了<script></script>显示如下：

var a1 = 12;
        var a2 = "12";
        alert(a1 == a2); //会进行类型转换的
        alert( a1 === a2);

数据类型转换：分为字符串转向number和五种类型转向boolean:

字符串转为number；字符串如"123"则转为123，如"1a2"则转为1，"a123"则转为NaN,转化以字母为终点。

五种类型转向boolean类型；0,NaN,null,underfind,空字符串。

函数

函数有两种定义方式：

第一种：function functionName(参数1，...) { },变量的类型不用声明。

第二种：var functionName = function(参数1) { }，变量的类型同上。

调用函数：函数名（参数），含返回值的情况，直接在代码块中写return+要返回的内容。

练习如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //函数的练习
        //第一种函数定义方式
        function add(a,b) {
             return a + b;
        }
        var result = add(2,3);
        alert(result);

        //第二种函数定义方式
        var add1 = function(a,b) {
            return a + b;
        }
        var result1 = add1(23,32);
        alert(result);
    </script>
</body>
</html>