JS基础学习

最新推荐文章于 2022-08-19 18:55:42 发布

天生的唯一

最新推荐文章于 2022-08-19 18:55:42 发布

阅读量159

点赞数

分类专栏： Java日记文章标签： js

本文链接：https://blog.csdn.net/qq_43219613/article/details/106496180

版权

Java日记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

js

JavaScript = ECMAScript + BOM + DOM

ECMAScript：客户端语言标准

基本语法：

 与HTML结合的方方式
 	内部JS：
 		使用Script标签，script标签内写js文本
 		内部js基本上可以写在页面内任何位置（加载顺序会变化）
 	外部JS：
 		在页面外写好js文件，使用语言引入（一个页面可以引入多个js文件）
		<script src="js文件地址	"></script>
		
注释：	单行：//		 
	  	多行：/*注释*/	
	  	
数据类型：number：（整数，小数，NaN）
         string：字符串
         boolean：true/false
         null：空（占位符）人为给值为null
         undefined：（未定义）没有初始化默认为undefined
变量：使用var定义  
	在JS里可以使用  typeof（变量名）;来获取变量类型     
	
运算符
		1. 一元运算符：只有一个运算数的运算符
			++，-- ， +(正号)  
			* ++ --: 自增(自减)
				* ++(--) 在前，先自增(自减)，再运算
				* ++(--) 在后，先运算，再自增(自减)
			* +(-)：正负号
		    * 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
                * 其他类型转number：
                    * string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
                    * boolean转number：true转为1，false转为0
		2. 算数运算符
			+ - * / % ...

		3. 赋值运算符
			= += -+....

		4. 比较运算符
			> < >= <= == ===(全等于)
			* 比较方式
              1. 类型相同：直接比较
                  * 字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
              2. 类型不同：先进行类型转换，再比较
                  * ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
        5. 逻辑运算符
			&& || !
			* 其他类型转boolean：
               1. number：0或NaN为假，其他为真
               2. string：除了空字符串("")，其他都是true
               3. null&undefined:都是false
               4. 对象：所有对象都为true
		
		6. 三元运算符
			? : 表达式
			var a = 3;
	        var b = 4;
	
	        var c = a > b ? 1:0;
			* 语法：
				* 表达式? 值1:值2;
				* 判断表达式的值，如果是true则取值1，如果是false则取值2；
		6. 流程控制语句：
		1. if...else...
		2. switch:
			* 在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
				* switch(变量):
					case 值:
			* 在JS中,switch语句可以接受任意的原始数据类型
		3. while
		4. do...while
		5. for
	7. JS特殊语法：
		1. 语句以;结尾，如果一行只有一条语句则 ;可以省略 (不建议)
		2. 变量的定义使用var关键字，也可以不使用
    		* 用： 定义的变量是局部变量
            * 不用：定义的变量是全局变量(不建议)

练习：

8. 练习：99乘法表
		<!DOCTYPE html>
		<html lang="en">
		<head>
		    <meta charset="UTF-8">
		    <title>99乘法表</title>
		    <style>
		        td{
		            border: 1px solid;
		        }
		
		    </style>
		
		    <script>
		
		        document.write("<table  align='center'>");