js入门

1、javascript  :
    what:基于对象，事件驱动的弱类型脚本语言
        弱类型：  在定义变量之前。不需要定义数据类型
        从哪里引入：一般都是在body结束之前
2、三种引入的方式：
    1、内部
    2、外部
    3、html时间触发
 

<script>
 		alert("这是内部引入方式");
 	</script>
 
 <script src="2.js"> </script>
 
 <input type="button" value="登陆" onClick="alert('这是html事件触发')" />

3、js数据类型：
undefined：未定义类型
null：空
boolean：布尔
String：字符串
Number：数字类型


4、变量的定义
var 变量名（命名规则与java一致）


查看一个变量的数据类型方法
typeof（变量名）然后调用弹出（alert即可查看）


5、js组成部分
1、ECMAScript：核心语法
2、DOM：Document Object Model 文档对象模型
3、BOM：Browser Object Model 浏览器对象模型
6、html文档解析顺序是从上到下


7、js中不存在重载；后面的函数会覆盖前面的函数
因为js在加载代码的时候先加载函数，相同名字的后面的覆盖前面的
当调用一个函数给的参数多余或者等于函数的参数，
那么这个函数会取自己需要的参数并返回结果
如果小于函数所需的参数，则会输出NaN（不是数字的数字类型）


//函数的定义

	function add(x,y){
		return x+y;
	}
	
	
	document.write(add(3,4)+"<br />")	   //NaN
	
	function add(x,y,z){
		return x+y+z;
	}
	
	document.write(add(3,4)+"<br />")          //NaN

//匿名函数
	 add=function(x,y){
		 return x+y;
	}
	document.write(add+"<br />")	//function(x,y){return x+y;}
	//函数的自调用
	add1=function(x,y){
		return x+y
		}(3,4);
	document.write(add1+"<br />")	//7

8、在js中，对于一个变量如果只是重复定义，没有赋值。（那么就相当于没有重定义


）
例如：

for(var i=0;i<10;i++){
		document.write(i+"<br />") 
	}
	var i;
	document.write(i+"<br />")		//结果为10;

9、类型转换的方式
1、隐式转换

+ 变成字符串
— * / % 变成数字
++ -- 变成数组
>< 数字的比较，字符串的比较
！ 取反    把右边的数字变为布尔型
（当var a=!x；当x不等于0或者“”的时候,a为false）

	var d=1;
		document.write(Boolean(d));		 //true

2、强制转换
    

  1)var a="adc123"
		document.write(parseInt(a)+"<br />");		//NaN
		document.write(typeof(parseInt(a))+"<br />")	//Number
	      2)var a="123abc"
		document.write(parseInt(a)+"<br />");		//123
		document.write(typeof(parseInt(a))+"<br />")	//Number

解释：对于a的解释是从前面开始的，第一个解释到a就报错
10、严格模式  关键字是 "user strict" ;

11.练习：空心实心菱形的输出

<script>
		function b(n){
			half=(n-1)/2;
			for(var i=-half;i<=half;i++){
				for(var j=1;j<=n;j++){
					document.write(j>Math.abs(i)&&j+Math.abs(i)<=7?"*":"  ");
				}
				document.write("<br/>");
			}
		}
		b(7);
	</script>

<script>function a(n){
			half=(n-1)/2;
			for(var i=-half;i<=half;i++){
				for(var j=1;j<=n;j++){
					document.write((j+Math.abs(i))%n==0||(j-Math.abs(i))==1?"*":"  ");
				}
				document.write("<br/>");
			}
		}
		a(7);
    
    </script>