JZTXT

HelloJs

发布时间 2023-11-05 00:29:05作者: Tra3r

JS

轻量级脚本语言，也是嵌入式语言，是一种对啊想模型语言，简称JS

想要实现复杂的效果，得依靠宿主环境提供API，最常见的是浏览器，还有服务器环境（操作系统）

语言机构+宿主环境提供的API

代码

hellojs

<!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>
    <!-- 1.写在html行内的js -->
    <!-- <input type="button" value="按钮" onclick="alert(123)"> -->
    
</body>
 <!-- 2.写在script标签内的js -->
    <!-- <script>
        alert(345)
    </script> -->

    <!-- 3.将外部js文件引入后执行 -->
    <!-- 注意：使用外部引入的方式，不需要再script里面写代码。
    写了不会报错，也不会运行-->
    <!-- <script src="1.js"></script> -->
</html>

外部引用的1.js

alert(35)

变量

<!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>
   
</body>
<script>
    //声明一个变量
    // var a;
    // //赋值
    // a=18;
    // //声明且赋值
    // var b=10;
    // //一次性声明多个
    // var c=100,d=1000,e=20;
    // var temp;
    // temp=a;
    // a=b;
    // b=temp;

    // //数值，字符串，布尔，undefined，null，对象
    // var age =18;

    //有符号需求，要加上转义
    // var str = '你好，\'bob\'';
    // alert(str)

    //字符串长度
    // var s1='123';
    // console.log(str.length);

    //数值型转换为字符
    // var n=5;
    // var s=n.toString();//tostring就可以 
    // // alert(n);
    // // alert(s);
    // console.log(typeof s);
    // console.log(typeof n);

    //字符型转成数值型,方法一
    // var a = parseInt('2');
    // var b = parseInt(null);//NAN
    // var c = parseInt(undefined);//NAN
    // console.log(a,b,c);

    //字符型转数值型,方法二
    var a = Number('2');
    var b= Number(null);//0
    var c=Number(undefined);//NAN
    console.log(a,b,c);


</script>
</html>

操作符

<!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>
</body>
<script>
    //基本运算符
    // var a=3;
    // var b=2;
    // console.log(a*b);
    // console.log(a%b);
    // console.log(a+b);
    // console.log(a-b);

    //一元运算符(-- ++)
    // var a=100,b=1000;
    // a--,b++;
    // console.log(a,b);

    //比较运算符
    // var a ='2';
    // var b =2;
    //两个等号,只比较数值,三个等号,会比较数据类型
    // console.log(a==b);
    // console.log(a===b);

</script>
</html>

循环和判断

<!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>
</body>
<script>
    //1. if
    // if(60>100){
    //     console.log(1);
    // }else if(60<=100){
    //     console.log(3);
    // }
    // console.log(2)

    //switch
    // var a=1;
    // switch(a){
    //     case 1:
    //         console.log(3);
    //         break;
    //     case 2:
    //         console.log(2);
    //         break;
    //     case 3:
    //         console.log(3);
    //         break;
    //     default:
    //         console.log('hello');
    //         break;
    // }

    //2. while循环
    // var a = 90;
    // while(a<100){
    //     console.log("success");
    //     a++;
    // }
    //

    //计算1-100的和
    // var sum =0;
    // var a=1;
    // while(a<=100)
    // {
    //     sum=sum+a;
    //     a++;
    // }
    // console.log('sum='+sum);
    // console.log('a='+a);

    //100以内7的倍数
    // var a = 1;
    // while(a<=100){
    //     if(a%7==0){
    //         console.log(a);
    //     }
    //     a++;
    // }

    //打印100以内偶数的和
    // var a=0;
    // var sum=0;
    // while(a<=100){
    //     if(a%2==0){
    //         sum = sum +a;
    //     }
    //     a++;
    // }
    // console.log('sum='+sum);


    //3. do while循环,先执行一次,再执行循环(至少会执行一次)
    // var a=10;
    // do{
    //     console.log(a);
    // }while(a>10)

    //4. for循环
    // for(var a=0;a<=10;a++){
    //     console.log(a);
    // }

    //打印一个矩阵
    // var s='';
    // for(i=0;i<10;i++){
    //     for(j=0;j<10;j++){
    //         s=s+'*';
    //     }
    //     s=s+'\n';
    // }
    // console.log(s);

    //打印倒三角
    // var s='';
    // for(var i=0;i<10;i++){
    //     for(var j=i;j<10;j++){
    //         s=s+'*';
    //     }
    //     s+='\n';
    // }
    // console.log(s);

    //99乘法表
    // var s='';
    // for(var i=1;i<10;i++){
    //     for(var j=i;j<10;j++){
    //         s=s+i+'*'+j+'='+(i*j)+'\t';
    //     }
    //     console.log('\n');
    // }
    // console.log(s);


    //5. continue,跳过所有的偶数
    // var s=0;
    // for(var i=0;i<100;i++){
    //     if(i%2==0){
    //         continue;//比如是2的话,跳回到for循环里面,然后到3
    //     }
    //     console.log(i);
    // }

    //打印在200-300之间第一个能被7整除的数字
    // for(var i=200;i<=300;i++){
    //     if(i%7==0){
    //         console.log(i);
    //         break;
    //     }
    // }

</script>
    

</html>