javascript 学习基础笔记

颜色：#a0c8ff 蓝 #eaf5ff #c4e4ff

1)监听 
 function handle(oEvent)
   if(window.event)oEvent=window.event;//处理兼容性，获得事件对象

oImg.onclick = handle;
document.onmousedown = handle;

oEvent.type //输出事件名称 eg：keypass,onmousedown,onmouseup,onmouseover,onmouseout,
oEvent.kyCode //key 码
oEvent.button //输出button的值(鼠标，1左键，2右键)

--屏蔽鼠标右键---
function block(oEvent){
	if(window.event){oEvent = window.event;
		oEvent.returnValue = false;	//取消默认事件
	}else oEvent.preventDefault();	//取消默认事件
}document.oncontextmenu = block;
 
2）css 
ul li 横向显示  display:inline
      list-style-type:none
   text-decoration:none;	/* 没有下划线 */
   a[title=CSS1]
 .datalist tr:hover, .datalist tr.altrow{
	background-color:#c4e4ff;	/* 动态变色 */

3）js 常用属性
  1、typeof('dd')or typeof(true)  string  boolen
  2、toString() toString(2) toString(16/8/3/2) 返回16/8/3进制对数值
  3、parseInt() parseInt('',16/2/8/10) 对应进制
  4、parseFloat()
  5、数组
    var aMap = new Array("China","USA","Britain");
    var aMap = ["China","USA","Britain"];
    var stack = new Array();stack.push("red");stack.push("green");stack.push("blue");

  6、join()方法
  document.write(aMap.join());	china,usa,britain	//无参数，等同于toString()
  document.write(aMap.join(""));chinausabritain		//不用连接符
  document.write(aMap.join("][") );China][USA][Britain	//用“][”来连接
  document.write(aMap.join("-isaac-"));China-isaac-USA-isaac-Britain
  7、reverse()方法 反序数组
  var sMyString = "abcdefg";
  alert(sMyString.split("").reverse().join(""));
  /*	split("")将每一个字符转为一个数组元素
  reverse()反序数组的每个元素
  8、join("")再最后将数组无连接符的转为字符串
  */ 结果： gfedcba
  9、sort()方法
  10、function ArgsNum(){return arguments.length;}
  document.write(ArgsNum("isaac",25,2222222) + "<br>");3 arguments[1] 对应25
  document.write(ArgsNum() + "<br>");0
  document.write(ArgsNum(3) + "<br>");1
  document.write(ArgsNum('333323232') + "<br>");1
  11、Date对象
  var oMyDate = new Date();
  oDate.getTime();		//换成毫秒数
  var iYear  = oMyDate.getFullYear();//年
  var iMonth = oMyDate.getMonth() + 1;	//月份是从0开始的
  var iDate  = oMyDate.getDate(); //天
  var iDay   = oMyDate.getDay();//星期  0 星期日 1星期一
 12、Math.random()
 13、var sUserAgent = navigator.userAgent;  sUserAgent.indexOf("Opera")
     navigator.platform == "Win32" //检测操作系统
4）DOM
  1、node.parentNode.lastChild ,firstChild, nextSibling, previousSibling
  2、getElementsByTagName
  3、添加节点 var oP = document.createElement("p");
	      var oText = document.createTextNode("这是一段感人的故事");
	      oP.appendChild(oText);
	      document.body.appendChild(oP);
     删除节点 emoveChild(oP) op=document.getElementById("");
     替换节点 replaceChild(oNewP,oOldP);
     插入节点 parentNode.insertBefore(oNewP,oOldP);
              insertBefore(newElement,targetElement.nextSibling);
5）table 
     1、td 中scope 分组
     2、插入一行	
      var oTr = document.getElementById("member").insertRow(2);	//插入一行
	var aText = new Array();
	aText[0] = document.createTextNode("fresheggs");
	aText[1] = document.createTextNode("W610");
	aText[2] = document.createTextNode("Nov 5th");
	aText[3] = document.createTextNode("Scorpio");
	aText[4] = document.createTextNode("1038818");
	for(var i=0;i<aText.length;i++){
		var oTd = oTr.insertCell(i);//添加行 中 单元格
		oTd.appendChild(aText[i]);  //添加行内容
	}
     3、修改单元格
       oTable.rows[3].cells[4].innerHTML = "lost";		//修改单元格内容
     4、删除
       oTable.deleteRow(2);		//删除一行，后面的行号自动补齐
       oTable.rows[2].deleteCell(1);	//删除一个单元格，后面的也自动补齐
       removeChild(node)
       6格 this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
 6) textarea 限制字数
    <textarea name="comments" id="comments" cols="40" rows="4" maxlength="50" 
onkeypress="return essThan(this);"></textarea>
    function LessThan(oTextArea){
	//返回文本框字符个数是否符号要求的boolean值
	return oTextArea.value.length < oTextArea.getAttribute("maxlength");}
 7) 自动选择 onmouseover="this.focus()" onfocus="this.select()"
 8）下拉框选择:
        1、 SelectList.options[SelectList.selectIndex].text
            SelectList.options[1].selected;
        2、添加
        var oOption = new Option("乒乓球","Pingpang");
	oBox.options[oBox.options.length] = oOption;
           删除
        oBox.options[2] = null;
 9）错误处理
      window.onerror = function(sMessage, sUrl, sLine){
	alert("出错啦:\n" + sMessage + "\nUrl: " + sUrl + "\n行号: " + sLine);
	return true;	//屏蔽系统事件} 
      try{}catch(exception){ var sError="" for(var i in exception) sError+=i+":"+exception[i]+"\n";}
 10）AJAX
    encodeURI(encodeURI(queryString));	//两次编码解决中文乱码问题
    decodeURI(xmlHttp.responseText);	//解码