js点滴

onchange 事件会在域的内容改变时发生。支持该事件的HTML 标签：<input type="text">, <select>, <textarea>。一般文本框的onchange事件的触发需要两个条件：1.输入框的值发生了改变；2.该文本框失去了焦点，而真正的事件的触发却是发生在该文本框失去焦点的时候，如果需要当值改变的时候就去触发，则需要用onpropertychange或者是oninput。 
 
onpropertychange：IE下属性改变事件；现代浏览器 相似的事件是oninput，但是oninput只是文本框内容（value）属性改变事件。
 
onkeyup事件会在键盘按键被松开时发生。
onkeydown事件会在用户按下一个键盘按键时发生。
onkeypress事件会在键盘按键被按下并释放一个键时发生。
 
appendChild()或insertBefore()方法：都是剪切方式操作DOM;
在各种浏览器下面，innerHTML都要比createElement效率更高的。innerHTML属于‘静态’的操作，消耗内存小一点。creatElement相比之下会更消耗内存。

javascript的类型判断 : typeof操作符和instanceof操作符结合起来进行判断。
typeof返回的是字符串,有6种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"

自增器：
function addFactory(){
     var i = 0;
     this.getI = function(){
         return i++;
     }
}
调用：
var add = new addFactory();
add.getI();  //return 0
add.getI();  //return 1
add.getI();  //return 2
...

scrollTop：显示的“本来应该显示不出来”的高度。比如外层高200，内层高300，此时会出现滚动条，并且scrollTop值的范围是0到100（滚动条在最上面时是0，最下面是100）
可以直接取某个div的scrollTop值，也可以直接为div的scrollTop属性赋值；
用法说明 ： http://www.jb51.net/article/18368.htm

获取页面元素距离网页顶部的高度
//获取顶端距离:
function GT(o){
	T=o.offsetTop;
	if(o.offsetParent!=null)T+=GT(o.offsetParent);
	return T;
}
//获取左边距离:
function GL(o){
	L =o.offsetLeft;
	if(o.offsetParent!=null)L+=GL(o.offsetParent);
	return L;
}
其中的o是需要得到数据的html对象,可以通过document.getElementById或者event.srcElement等办法得到。
说明一下:html的元素属性中没有刻意直接得到顶端距离的属性,但是有对于外层对象的距离,所以通过方法递归即可得到所需要的结果。

js动态拼装DOM元素设置触发方法时，方法中传参，例如：
'<li onclick="close(this,20,' + a + ',' + '\''+ b + '\'' + ',' + '\'' +c+'\'' + ');"/>'
像a，前后没有加转义单引号，称为直接传参（我自己取的名字，哈哈）；
像b与c，前后加了单引号，转义后的'\''  这种方式称为单引号传参，哈哈；
不同类型的变量经过这两种方式传参后，效果是不用的，请看：
                      单引号传参                     直接传参
字符串：       正确传递，传递后为String            错误！传递后为object
数字：         传递后为String                     正确传递，传递后为number
布尔型：       传递后为String                     正确传递，传递后为boolean
对象：         传递后为String，获取不到属性值！     运行时报错！！！

结论：1.运用单引号传参方式，会把参数自动转为string类型；2.字符串要用单引号传参，数字以及布尔型的数据要用直接传参；

     

/**
 * 获取textarea或input文本框内光标位置 
 * @param  obj : dom对象
 * @return  返回光标位置
 */
function getSelectionStart(obj){
	var e = obj;
	if (e.selectionStart) {
		return e.selectionStart;
	} else if (document.selection) {
		e.focus();
		var r = document.selection.createRange();
		var sr = r.duplicate();
		sr.moveToElementText(e);
		sr.setEndPoint('EndToEnd', r);
		return sr.text.length - r.text.length;
	}
	return 0;
}

//下面是案例：将字符串插入到文本域光标所在的位置
var strIndex = getSelectionStart(textDomObj); //textDomObj为文本域dom对象
if(strIndex==0){
	textDomObj.value = '要插入的str' + textDomObj.value;
}else if(strIndex==textDomObj.value.length){
	textDomObj.value = textDomObj.value + '要插入的str';
}else{
	textDomObj.value = textDomObj.value.substring(0,strIndex) + '要插入的str' + textDomObj.value.substring(strIndex);
}

split() 方法用于把一个字符串分割成字符串数组。

var aaa = 'xxx';
var bbb = 'yyy|zzz';

var arr = aaa.split("|");
alert(arr.length); // 1
alert(arr.join(',')); // xxx

arr = bbb.split("|");
alert(arr.length); // 2
alert(arr.join(',')); // yyy,zzz

数组的indexOf方法：获得数组中元素的下表，不存在返回-1
在低版本IE（IE8以及以下）中，js数组不支持indexOf方法。其他浏览器（Firefox, Chrome, IE9以及以上版本）都支持。