JavaScript入门

1.javascript

1.1js的概念

1. 轻量级的编程语言（ECMAscript5或6）,
   是一种解释性脚本语言（代码不进行预编译）,
   主要用来向HTML页面添加交互行为,
   目前是互联网上最流行的脚本语言,
   支持面向对象、命令式和声明式（如函数式编程）风格。
2. JavaScript 前端 html 浏览器上运行web网页

1.2js与html、css的区别

1. 据说JavaScript这门语言当初在设计的时候参考了java的语法
2. html是构成网页的一个根本/骨架，JS给网页添加动态效果；CSS（层叠样式表）；给网页添加样式效果，使网页看起来更加美观。

1.3JavaScript与Java的关系

不要看它叫JavaScript实际上它与Java并没有关系；

2. 三种js代码引入方式

//1.head标签的script标签里面(alert('xx'), confirm('xx'))
		alert('are you ok?');

//2.body标签的script标签里面 (建议底部)
		<script type="text/javascript"></script>

//3.外部文件引入的方式来使用创建一个.js结尾的文件,写上js代码
//在想使用这个js代码的html文件中,body标签底部导入
		<script src="test.js"></script>

3.JavaScript语法规则

3.1变量和作用域

//1.局部变量：在函数内部创建的变量，称为局部变量，其他函数不能使用。
//2.全局变量：在函数外部创建的变量，称为全局变量，在函数之间可以共享使用。
		<script type="text/javascript">
			var n=9;//全局变量
			function fun1{
				var n1=5;//局部变量
				n=12;//使用全局变量n
			}
			function fun2{
				n=n-1;
			}
			function fun3{
				console.log(n);
				console.log(n1);
			}
			fun1();
			fun2();//11,12-1,n到fun1为12
			fun3();报错，fun1中的n1为局部变量
		</script>

3.2JS该怎么定义变量

//定义变量 var万能类型 变量的类型由值决定 格式var 变量名；
		var a = 10;//number
		var b = 1.1;//number
		var c = "abc";//String
		var d = true;//boolean
		var e = 'a';//char

3.3往页面输出内容的语法以及三个弹出框

 //1.往页面输出内容的语法
		document.write("a="+typeof(a)+"<br/>");
		document.write("a="+typeof(b)+"<br/>");
		document.write("a="+typeof(c)+"<br/>");
		document.write("a="+typeof(d)+"<br/>");
		document.write("a="+typeof(e)+"<br/>");
		document.write("<input type='text'/>");

//2.三个弹出框
		alert(1);

		var sa = confirm("你确定要退出吗");
		document.write(sa);

		var sa = prompt("请输入你要购买的数量");
		document.write(sa);

3.4JS的for循环和if判断的使用

//JS的for循环和if跟Java的使用方式几乎相同
		for(var i = 1;i<11;i++){
			document.write(i+"<br/>");//<br/>换行
			if(i == 5){
				break;
			}
		}
//下面给大家看看几个案例
//案例1：
		var s = prompt("请输入你的性别");
			if(s == "男"){
			document.write("去男宿舍")
		}else if(s == "女"){
			document.write("去女宿舍")
		}else{
			document.write("睡大街");
		}
//案例2：打印三角行
		var n = prompt("请输入你要打印的行数");
		for(var i = 0;i<n;i++){
			for(var j = 0;j<=i;j++){
					document.write("*");
			}
			document.write("<br/>");
		}

3.5JS的局部变量，全局变量和定义方法

3.5.1局部变量，全局变量

			//全局变量
			var a = 10;
			{
				//局部变量
				let b =10;
				console.info(b);
			}
				console.info(a);

3.5.2自定义函数

//1.无参数的方法
			function a(){
				console.info("a方法");
			}
			//调用方法a
				a();
//2.带参数的方法
			function b(a,b,c,d){
				console.info(a+b+c+d);
			}
			//调用方法b
			b(6,"a",1.1,true);
//3.有返回值的方法
			function fa(){
				return "返回值";
			}
			//定义一个变量接收方法的返回值
			var b = fa();
			console.info(b);

3.6 注释

单行//fsfs

多行 /*
		hfjsjfhs
	*/

关注我了解更多后续噢！！！