JavaWeb_Day2(JavaScript)

最新推荐文章于 2023-06-20 20:03:27 发布

Vincent_frost

最新推荐文章于 2023-06-20 20:03:27 发布

阅读量116

点赞数

分类专栏： JAVAWeb

本文链接：https://blog.csdn.net/YiRenGengShangBuQi/article/details/118071521

版权

JAVAWeb 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript的基础知识，包括其弱类型特性、与HTML的结合方式、变量定义、数据类型、运算符以及数组和函数的使用。通过示例展示了如何在网页中插入JavaScript代码，以及如何定义和调用函数。此外，还探讨了JavaScript中的特殊值和变量的声明与赋值。

摘要由CSDN通过智能技术生成

JavaScript简介

js是JavaScript缩写
js是弱类型，java是强类型
弱类型类型可变
强类型，定义变量的时候，类型已确定，而且不可变

特点
1.交互性
2.安全性
3.跨平台性

JavaScript与HTML代码结合方式

第一种

在head标签中，或者body标签中，使用script标签来书写JavaScript代码

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        alert("Hello JavaScript!");
    </script>
</head>

第二种

写js文件，用script标签的src引入

<body>
    <!--<script专门用来引入js文件路径
        只能导入文件或者写代码中做一件事
    -->
    <script type="text/javascript" src="1.js"></script>
</body>

JS变量

数据类型

数值型：number
字符串类型:string
对象类型:object
布尔类型:boolean
函数类型:function

特殊值
undefined 未定义，所有js变量未赋值时默认unfined
null 空值
NAN 全称：Not a Number.非数字，非数值
js中定义变量格式
var 变量名
var 变量名 = 值;

<script type="text/javascript">
        var i;
        i=12;
        /*typeof()返回数据类型*/
        alert(typeof (i));
        alert(i);
        var a=12;
        var b="abc";
        alert(a*b);//NAN非数值类型
    </script>

关系（比较）运算

和Java一样
全等于：===

逻辑运算

&&
第一种情况：全为真，返回最后一个表达式的值
第二种情况：一个为假，返回第一个为假的表达式的值

||
！
在js中，所有变量可作为boolean类型的变量使用
0,null,undefined,空串为假

数组（重点）

js数组格式：
var 数组名 = [];//空数组
var 数组名=[‘abc’,1,1true];//定义数组同时赋值元素

<!--javascript语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作-->
    <script type="text/javascript">
        var a=[];
        alert(a.length);
        a[0]=0;
        alert(a[0])
        a[2]='3'
        for(var i=0;i<a.length;i++){
            alert(a[i]);
        }
    </script>

函数（重点）

函数两种定义方式
1.使用function关键字定义函数
格式：
function 函数名(参数列表){
函数体
}

<!--带参数的函数直接写个数就行
        函数要返回值只需函数那使用return
    -->
    <script type="text/javascript">
        //定义一个无参函数
        function fun(){
            alert("无参函数fun()被调用了")
        }
        fun();
        function fun2(a,b) {
            alert("有参函数fun2()被调用a="+a+"b="+b);
        }
        fun2(12,"World");
        function sum(a,b) {
            return a+b;
        }
        alert(sum(1,1))
    </script>