文章归档友情连接

javascript代码片段笔记

分类:前端技术  作者:rming  时间:2014-03-03

获取DOM对象

function getel(e) {
if (document.getElementById) {
return document.getElementById(e);
} else if (document.all){
return document.all[e];
}
}

xmlHttp

//定义方法 获取XMLHttpRequest对象
function ajaxLoad(method,url,cfunc){
if(window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open(method,url,true);
xmlhttp.send();
}
//使用方法
var url="http://www.baidu.com/api"
ajaxLoad("GET",url,function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("message").innerHTML=xmlhttp.responseText;
}
});

获取URL里的GET参数

//url里的查询参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

绑定click监听

document.getElementById("DIV_ID").addEventListener('click', function(){
//click后执行
});

对DOM对象设置CSS

document.getElementById("DIV_ID").style.display="none";

定时器操作

//定时1秒,执行10秒
tickLimit = 10;
function showTicks(){
var tickCounter = 1;
intervalId = setInterval(function(){
//定时时间限制到了,清除定时器
if (tickCounter > tickLimit) {
clearInterval(intervalId); //取消 setInterval()
}
//do something
}
tickCounter++;
},1000);
//如果需要停止定时执行
//取消之前的定时设置
if(typeof(intervalId)!="undefined"){
clearInterval(intervalId);
}

password input 大小写输入检测

<form action="#" method="post">
<p><label for="password">密码:</label><input type="password" id="password" name="password" /><span style="display:none;">大写锁定键被按下,请注意大小写</span></p>
</form>
<script type="text/javascript">
//<![CDATA[
function detectCapsLock(event){
var e = event||window.event;
var o = e.target||e.srcElement;
var oTip = o.nextSibling;
var keyCode = e.keyCode||e.which; // 按键的keyCode
var isShift = e.shiftKey ||(keyCode == 16 ) || false ; // shift键是否按住
if (
((keyCode >= 65 && keyCode <= 90 ) && !isShift) // Caps Lock 打开,且没有按住shift键
|| ((keyCode >= 97 && keyCode <= 122 ) && isShift)// Caps Lock 打开,且按住shift键
){oTip.style.display = '';}
else{oTip.style.display = 'none';}
}
document.getElementById('password').onkeypress = detectCapsLock;
//]]>
</script>


提交评论