初识JavaScript

初识JavaScript

• 1.javascript
• • 1.1运行
  • 1.2js与html、css的区别
  • 1.3JavaScript与Java的关系
• 2. 三种js代码引入方式
• 3.JavaScript语法规则
• • 3.1JS该怎么定义变量
  • 3.2往页面输出内容的语法以及三个d出框
  • 3.3JS的for循环和if判断的使用
  • 3.4JS的局部变量，全局变量和定义方法
  • • 3.4.1局部变量，全局变量
    • 3.4.2自定义函数

1.javascript 1.1运行

1. JavaScript 前端 html 浏览器上运行web网页

1.2js与html、css的区别

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

   
   

1.3JavaScript与Java的关系

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

2. 三种js代码引入方式

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

//2.body标签的script标签里面 (建议底部)
		

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

3.JavaScript语法规则 3.1JS该怎么定义变量

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

3.2往页面输出内容的语法以及三个d出框

```javascript
 //1.往页面输出内容的语法
		document.write("a="+typeof(a)+"
");
		document.write("a="+typeof(b)+"
");
		document.write("a="+typeof(c)+"
");
		document.write("a="+typeof(d)+"
");
		document.write("a="+typeof(e)+"
");
		document.write("");

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

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

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

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

```javascript
//JS的for循环和if跟Java的使用方式几乎相同
		for(var i = 1;i<11;i++){
			document.write(i+"
");//
换行
			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");
		}

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

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

3.4.2自定义函数

```javascript
//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);