一口气从零到全栈开发(结合ai快速入门)【视频学习】3

这篇继续讲解js内容,让网页动起来

注意:与java没有任何关系两者

1.创建文件

重复 一口气从零到全栈开发(结合ai快速入门)【视频学习】1  创作中心-CSDN

注意:如果没有补全功能检查输入的感叹号是否是英文的

创建script标签+log回车+双引号输入内容 +点开文件夹+f12+控制台点击

即可得到输出内容

<!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>

        console.log("控制台进行输出");

       

    </script>

   

</body>

</html>

二.数据类型

2.1法一创建方式

    <script>

        <!-- 创建变量 字符串,数字,布尔类型-->

        let str='xst-cuz'    

        let num=2025710

        let bool=false

       

        str='cuz-xst'       <!-- 更改变量 字符串,数字,布尔类型-->

        bool=true

        console.log(str,num,bool);  <!-- 注意输出无引号-->

     

       

    </script>

2.2法二创建方式

    <script>

        let obj=

        {

           name:'xst',

           age:20,

           bool:true

        }

       

        obj.name='cuz'

        obj.male=false

       

        delete obj.age;  删除某个属性

        console.log(obj);

       

       

     

       

    </script>

2.4数组

    <script>

 //创建一个数组      

let arr=[2,0,0,5]

arr.push(3)//在数组最后添加一个元素

arr.unshift(2); // 在数组开头添加一个元素

arr.splice(2, 0, 3);//在数组任意位置添加一个元素

console.log(arr);

    </script>

三.运算符

和c语言有很多相似,因此在这里我们挑几个来说。具体使用大家可以直接在文档里查看 

菜鸟教程 - 学的不仅是技术,更是梦想!

    <script>

        let num=5

        let str='5'

        console.log(num==str);//只要值一样就行

        console.log(num===str);//需要类型也一样

    </script>

3.1布尔类型

 

3.2if语句

3.3循环与数组

3.4函数运用

四.下节预告vue将我们前面的知识点都串联起来

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值