JS基本标签及应用

1.1 介绍

HTML、CSS用于实现静态网页，网页的存在是为了给用户使用的，那因此就需要有交换数据的存在，这种交换就是动态HTML(JavaScript+html+css)
JavaScript是脚本语言，用的是面向对象的思想

JS的三种引入方式

1.写在标签上，使用javascript;
2.内联样式，使用script标签表示
3.外联样式，使用script标签进行引入(.js文件)

JavaScript基本语法(数据类型)

属性 boolean number string object undefined
描述 true或flase 数字类型 字符串类型 对象(function、null) 未定义

基础语法

// 在JS里面的很多东西都是和java一样的
			// 控制台输出
			console.log("hello js","你好 JS")
			// 定义变量 es5 var es6 let,const(修饰常量)
			// 在JS里面的number，Number类型代表的是所有数字不区分小数和整数
			// 在JS里面Sting类型，不区分单双引号，没有字符和字符串的区别
			// 在JS里面Object类型，叫对象，函数类型是Object,空的类型也是Objeck,json对象也是<object>
			// 在JS里面未定义类型，理解:java里局部变量未初始化操作会报错，跟JS里面的一样。
			// 在JS里面的函数就是java中的方法

基础变量的定义和赋值

            var count=1;
			var name="小白";
			let bool=true;
			let un;
			let obj=null;
			console.log(count,name,bool,un,obj);

// typeof 判断数据类型
			console.log(typeof count,typeof name,typeof bool,typeof un,typeof obj)

// +
			let num=1;
			let numStr=num+"";
			console.log(typeof num,typeof numStr);
			
			// -在JS中又自动转换类型的作用
			let str="123";
			let strNum=str-0;
			console.log(typeof str,str+1,typeof strNum,strNum+1);
			
			// /
			//JS中的除号是取确定值，++和--和Java中的一样
			let a=5;
			console.log(a/2,a++);
			
			// == 和 ===的区别
			// ==只判断值是否相等，===先判断类型再判断值是否相等
			console.log("123"==123);
			console.log("123"===123)
			
			let strTest="123";
			let numTest=123;
			console.log(strTest==numTest);
			

// if字符串与数字在进行判断时会自动进行类型转换
			let score=98;
			if(score>90){
				console.log("优秀");
			}else{
				console.log("just so so")
			}
			// switch
			let season="冬季";
			switch(season){
				case "冬季":
				console.log("有点冷");
				break;
				case "夏季":
				console.log("比较热");
				break;
				default:
				console.log("请输入正确的值");
				break;
			}
			
			let bool=true;
			switch(bool){
				case true:
				console.log(true);
				break;
			}
			
			// for
			for(var i=0;i<5;i++){
				console.log("hello"+i);
			}
			 console.log("循环外:"+i);
			
			
			// while
			let x=5;
			while(x>0){
				console.log("while:"+x);
				x--;
			}
			
			// java中每个大括号都是一个作用域，所以规定的for中的变量不能再循环外使用的
			// es5规定，变量只有在方法或类中才有作用域
			// es6中使用let定义的变量是严格区分作用域的，和java中一样
			
			for(let x=1;x<10;x++){
				for(let y=1;y<=x;y++){
					document.write(y+"*"+x+"="+(x*y)+"&nbsp;&nbsp;&nbsp;")
				}
				document.write("<br/>")
			}

JS和JAVA中的语法和很多语句都是一样的，只不过定义变量的类型和Java不太一样