js 笔记

var                     :定义变量
	undefined               :未定义
	alert(typeof(2323))    	:获取具体的值的类型 //数值类型：number //aletr获取对							话框
	document.write("");     :打印信息和直接添加html 内容

使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

	+ :1.字符串拼接  2.计算
	==:会隐式转换，再比较
	===：不会转换、直接比较
	// 真：true 、 非零的数、字符串非空的值
	//假：false、零、字符串空值、null、undefined、NaN
	//for in:里面的变量i其实是下标(如果循环的是json，那么i就是键)
	for(var i in classArr){
		alert(classArr[i]);
	}
	//json:使用的类似于java中的map集合，键值对的形式存储
	var jsonn ={zhangsan:19,lisi:16,wangwu:24};~```````
	//第一种方式获取
	alert(jsonn.zhangsan);
	//第二种方式获取
	alert(jsonn["zhangsan"]);
	//function：方法
	function 函数名(){
		函数体;
		return 返回值;  //如果没有具体的返回值,return语句可以省略不写
	}

				<!--在标签里面怎么写，在js里面就怎么写-->


	//通过ID获得元素
	var divF = document.getElementById("div_father");
	//通过标签名称获得所有元素
	var divArr=divF.getElementsByTagName("div");

	//改变元素的隐藏效果为：显示
	tq.style.display="block";
	//改变元素的隐藏效果为：隐藏
	tq.style.display="none";
	
	<!--
		.   :只能用来调用系统的属性
		[]  :只能用来调用自己定义的变量或者参数
	
		默认使用第一个css
		使用第二个css
	-->
	
	<!--
		两种点击事件的使用：
		1.在script中为按钮添加点击事件，适用于这个函数只限这一个按钮使用的时候。
		2.在行内标签中使用点击事件，适用于方法可以重复使用，需要传参的时候。
	-->
	//当html加载完毕后再执行
	window.onload=function(){ //匿名函数
		var tz2=document.getElementById("tz2");
		tz2.onclick=function(){
			alert("跳转2.....");
		}
	}
	







	//鼠标移入,触碰事件
	function over(){}
	对象.onmouseover=function(){}
	//鼠标点击事件
	function btn_click(){}
	对象.onclick=function(){}
	<img src="C:\Users\lenovo\Desktop\HTML课程练习\images\2.PNG"  onmouseover="over()" onclick="btn_click()><br/>  			
	//onmouseover :移入  onmouseout:移出    onclick:点击    onmousedown:一直按下 
　　　//onmouseup:松开
　　　//可以实现函数调用

	<!--
	arguments:可变量(数组)
	传入多少个参数值，就把他们都相加，得到和
	-->
	var sum =0;
	for(var i=0; i<arguments.length;i++){
		sum += arguments[i];
	}
	
	<!--
		style:只能获取行间标签中的属性
		如何获取css样式中的属性值？
		currentStyle：只在ie中有效
		getComputedStyle(标签对象,null).属性;//兼容除了IE都有效
		//复合型的属性值
		border:1px red solid;
		background：red  no-repeat;
		boder-width:1px;
	-->
	//var w =odiv.style.width; X
	//var w = odiv.currentStyle.width;
	//var w = getComputedStyle(odiv,null).width;
	function getstyleValue(obj,style){
		var value;
		if(obj.currentStyle){
			value = obj.currentStyle[style];
		}else{
			value = getComputedStyle(obj,null)[style];
		}
			return value;
	}






//1.var oEvent=ev?ev:window.event;
//2.var oEvent=ev||event;
//ev:火狐对象  window.event :IE和谷歌事件对象
var oEvent=ev||event;
oEvent.clientX   oEvent.clientY     //取鼠标的位置  XY轴

	
	ageArr.push(30);//在数组尾部添加值
	ageArr.unshift(50);//在数组头部添加值
	ageArr.pop();//删除数组尾部的值
	ageArr.shift();//删除数组头部的值
			
	splice(下标位置、删除的个数)//删除
	ageArr.splice(1,3);
	splice(下标位置、删除的个数、需要添加的值、......);//添加
	ageArr.splice(3,0,17,18);
	splice(下标位置、删除的个数、需要添加的值);//替换
	ageArr.splice(1,1,15);
	//把两个数组拼接成一个新数组
	ageArr=数组2.concat(ageArr);
	//join为数组的每个值添加分隔符，
	//会返回添加分隔符的一个字符串
	var arrStr = ageArr.join("@");
	
	setInterval(showAlert,3000);//3000=3秒   setInterval :定时器
	clearInterval(timer);  //关闭定时器
	var MyDate = new Date();//获得日期对象
	var h = MyDate.getHours();//获得小时
	var m = MyDate.getMinutes();//获得分
	var s = MyDate.getSeconds();//获得秒
	
	window.screen.width   :获取当前屏幕分辨率的宽度
	//ul.offsetWidth:得到当前ul的总宽度
	//把里面的li复制增加了一份
	oul.innerHTML = oul.innerHTML+oul.innerHTML;  //oul.innerHTML :oul的内容










	var value=document.getElementById("tab").getElementsByTagName("tbody")[0].getElementsByTagName("tr")[1].getElementsByTagName("td")[1].innerHTML;

	thead//获得头部
	tBodies//获得tbody
	rows//获得所有行
	cells //获得所有单元格
	var table=document.getElementById("tab");
	var value=table.tBodies[0].rows[1].cells[1].innerHTML;

	 //创建一行
	var newRow =document.createElement("tr");

	ul01.appendChild(newli);//把这个li添加到ul中
	//从ul中移除子节点(当前的a标签对应的父节点)
	ul01.removeChild(this.parentNode);
	
　　　alert(Math.ceil(1.1));//向上取整
　　　alert(Math.floor(1.9));//向下取整
　　　alert(Math.round(1.6));//四舍五入

　　　<script src="startMove.js"></script>  //调用startMove方法
	
parseFloat(getStyle(obj,element))     //强转为float类型
parseInt(getStyle(obj,element))       //强转为int类型
//1.var oEvent=ev?ev:window.event;
	//2.var oEvent=ev||event;
	//ev:火狐对象  window.event :IE和谷歌事件对象
	var oEvent=ev||event;
	alert(oEvent.clientX+":"+oEvent.clientY);
	oEvent.clientX   oEvent.clientY   //取鼠标的位置  XY轴