JS基础

最新推荐文章于 2022-11-23 17:32:46 发布

银河第一帅

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量77

点赞数 1

文章标签： html js

本文链接：https://blog.csdn.net/qq_42294082/article/details/99609552

版权

插入"Js"

1.<script>
alert(‘hello wrold’); //弹出对话框
</script>
效果图
2.第二种引入：
<script src="js/1.js"> </script>
3.语法规则：
1.在JavaScript中不区分换行，空格，缩进符
2.语句：每一条都是一条指令
3.JavaScript是严格区分大小写
4.字符都要英文半角
[不想弹出翻译框把<html lang="zh">

常见输出语句

1.警告框
alert（）;
2.在文档中输出
document.write( );
3.在控制台输出
console.log( );
console.warn( );//黄色
console.error（）; //输入出现错误
console.info( );//输出信息
4.输出框
prompt( );
5.确认框
confirm( );
效果图
展示效果图

Js注释

1.单行注释 // 2.多行（文档）注释 /* */
注释的嵌套规则：
1.行注释可以嵌套行注释
2.行注释中可以嵌套文档注释
3.文档注释中可以嵌套行注释

数据类型

数据类型：
基本(原始数据)类型：
string 字符串类型 “” ‘’
number 数值类型数字 1000，-11，1.11,1.333333
boolean 布尔类型 true 真 false 假
null 空
undefined 未定义
引用类型：
Object 对象
Function 函数
Array 数组
RegExp 正则
Date 日期对象

        变量类型检测：
            typeof

例子：var a=‘hello’;
console.log(typeof a);
var b=10;
console.log(typeof b);
var c=true;
console.log(typeof c);

var a1="10";
console.log(typeof a1);
var a2='true';
console.log(typeof a2);

运算符

运算符：能够运算的符号
根据操作数不同，一元运算符，三元运算符
1.算数运算符 + - * /
++：自增， - -：自减
2.关系运算符
3.逻辑运算符

例子：
// var a = 5;
// var b = 3;

        // console.log(a + b);//求和
        // console.log(a - b);
        // console.log(a * b);
        // console.log(a / b);
        // // console.log(a % b);//2

        // var s1 = "hello";
        // var s2 = "world";
        // console.log(s1 + s2);//字符串拼接
        // console.log(s1 + a);//拼接  hello5

        // console.log('5' + 3);

        // console.log('5' - 3);//除了+号，其它运算按照数值类型运算


        // console.log(5 + 3 + '');// 8
        // console.log(5 + '' + 3 + 2);//532
        // console.log('' + 5 + 3);//53

自增自减例子:

 <script>
        // var a=3;
        
        // // a++;//自增1   a=a+1
        // ++a;//4   a=a+1
        // console.log(a);


        // var b=5;
        // // b--;
        // --b;
        // console.log(b);


        // var a=5;
        // a++;//6
        // ++a;//7
        // var b=a+1;//8
        // console.log(a);
        // console.log(b);


        //运算符后置
        // var a=3;
        // var b=a++;//a=4 b=3  先赋值，再运算
        // console.log(a);//4
        // console.log(b);//3


        // var a1=5;
        // var b1=a1--;//先赋值，后运算
        // console.log(a1);
        // console.log(b1);


        //运算前置
        var a=3;
        var b=++a;//先运算，后赋值
        console.log(a,b);//4 4


        var a1=6;
        var b1=--a1;//先运算，再赋值
        console.log(a1,b1);
        
    </script>

结论：1.自增自减运算符，运算符前置和后置对变量自身无影响
2.出现在赋值语句中时：前置:先运算，后赋值
后置:先赋值，后运算。

银河第一帅

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础

插入"Js"1.<script>alert(‘hello wrold’); //弹出对话框</script>2.第二种引入：<script src="js/1.js"> </script>3.语法规则：1.在JavaScript中不区分换行，空格，缩进符2.语句：每一条都是一条指令3.JavaScript是严格区分大小写4.字符...
复制链接

扫一扫