//js常用函數(shù) 更新2008-8-16 取自網(wǎng)絡

function $(id) {
return document.getElementById(id);
}


/**************
函數(shù)：getElementsByClassName
使用方法：
獲取document內(nèi)的超鏈接class是“info-links”的。
getElementsByClassName(document, "a", "info-links");
獲取container內(nèi)的div的class是col的.
getElementsByClassName(document.getElementById("container"), "div", "col");
獲取document內(nèi)的所有class是“click-me”的。
getElementsByClassName(document, "*", "click-me");
返回一個數(shù)組
**************/
function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/-/g, "\-");
var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
var oElement;
for(var i=0; i<arrElements.length; i++){
oElement = arrElements[i];
if(oRegExp.test(oElement.className))
arrReturnElements.push(oElement);
}
return (arrReturnElements)
}





/**************
replaceAll：
替換字符串中的字符。
用法：
yourstring.replaceAll("要替換的字符", "替換成什么");
例子:
"cssrain".replaceAll("s", "a");
" cs sr ai n".replaceAll(" ", "");
**************/
String.prototype.replaceAll = function (AFindText,ARepText){
raRegExp = new RegExp(AFindText,"g");
return this.replace(raRegExp,ARepText);
}


/**************
* 字符串前后空格處理。
* 如果想替換中間的空格，請用replaceAll方法。
* 用法：
* " cssrain ".trim();
**************/
String.prototype.trim=function()
{
return this.replace(/(^\s*)|(\s*$)/g,"");//將字符串前后空格,用空字符串替代。
}


/**************
* 計算字符串的真正長度
//String有個屬性length，但是它不能區(qū)分英文字符，
//計算中文字符和全角字符。但是在數(shù)據(jù)存儲的時候中文和全角都是用兩個字節(jié)來存儲的，
//所有需要額外處理一下。自己寫了個函數(shù)，返回String正真的長度.
用法：
<input type="text" name="rain" id="rain" />
<input type="button" id="test" value="test" onclick="alert( document.getElementById('rain').value.codeLength() )"/>
**************/
String.prototype.codeLength=function(){
var len=0;
if(this==null||this.length==0)
return 0;
var str=this.replace(/(^\s*)|(\s*$)/g,"");//去掉空格
for(i=0;i<str.length;i++)
if(str.charCodeAt(i)>0&&str.charCodeAt(i)<128)
len++;
else
len+=2;
return len;
}


//JS獲取字符串的實際長度，用來代替 String的length屬性
String.prototype.length = function(){
return this.replace(/[\u4e00-\u9fa5]+/g,"**").length;
}

/**************
//過濾HTML
//在評論的時候為了防止用戶提交帶有惡意的腳本，可以先過濾HTML標簽，過濾掉雙引號，單引號，符號&，符號<，符號
用法：
<input type="text" name="rain" id="rain" />
<input type="button" id="test" value="test" onclick="alert( document.getElementById('rain').value.filterHtml() )"/>
**************/
String.prototype.filterHtml=function(){
return this.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt").replace(/"/g,"&#34;").replace(/'/g,"&#39;");
}


/**************
format：
格式化時間。
用法：
yourdate.format("你的日期格式");
例子:
obj0 = new Date("Sun May 04 2008").format("yyyy-MM-dd");
obj1 = new Date().format("yyyy-MM-dd hh:mm:ss");
obj2 = new Date().format("yyyy-MM-dd");
obj3 = new Date().format("yyyy/MM/dd");
obj4 = new Date().format("MM/dd/yyyy");
**************/
Date.prototype.format = function(format)
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length==1 ? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
}


/**************
format：
格式化數(shù)字.
例子:
var n = format_number( 123456.45656 , 2 ); // .toFixed(2)也可以實現(xiàn)，不過不兼容FF.
alert(n);
**************/
function format_number(str,digit)
{
if(isNaN(str))
{
alert("您傳入的值不是數(shù)字！");
return 0;
}
else if(Math.round(digit)!=digit)
{
alert("您輸入的小數(shù)位數(shù)不是整數(shù)！");
return 0;
}
else
return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}

/**********表單操作*********/

/**************
* 得到單選框選中的值。
* 用法：
*<input type="radio" value="1" name="cssrain"/>
*<input type="radio" value="2" name="cssrain" checked/>
*<input type="radio" value="3" name="cssrain"/>
*<input type="button" onclick="alert(getRadioValue('cssrain'))" value="test"/>
**************/
function getRadioValue(radioName){
var obj=document.getElementsByName(radioName);
for(var i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}

/**************
* 復選框全選/不選/反選
* 用法：
<form id="form_a">
<input type="checkbox" value="1" name="a"/>
<input type="checkbox" value="2" name="a" checked/>
<input type="checkbox" value="3" name="a"/>
<input type="button" value="全選" onclick="checkAll(document.getElementById('form_a'),'all')"/>
<input type="button" value="不選" onclick="checkAll(document.getElementById('form_a'),'none')"/>
<input type="button" value="反選" onclick="checkAll(document.getElementById('form_a'),'')"/>
</form>
**************/
function checkAll(form, sel) {
for (i = 0, n = form.elements.length; i < n; i++) {
if(form.elements[i].type == "checkbox") {
if(form.elements[i].checked == true) {
form.elements[i].checked = (sel == "all" ? true : false);
} else {
form.elements[i].checked = (sel == "none" ? false : true);
}
}
}
}


/**************
* 復選框檢查是否選中。
* 如果沒一個選中，會返回false.
* 用法：
<form id="form_a" name="form_a">
<input type="checkbox" value="1" name="a"/>
<input type="checkbox" value="2" name="a" checked/>
<input type="checkbox" value="3" name="a"/>
<input type="button" value="全選" onclick="alert( SCheckBox('form_a','a') )"/>
</form>
**************/
function SCheckBox(_formName,_checkboxName){
var selflag = {'checked':0,'cvalues':[]};
_scheckbox = eval('document.'+_formName+'.'+_checkboxName);
if(_scheckbox){
if(eval(_scheckbox.length)){
for(i=0;i<_scheckbox.length;i++){
if(_scheckbox[i].checked){
selflag.checked++;
selflag.cvalues.push(_scheckbox[i].value);
}
};
}else if(_scheckbox.checked){
selflag.checked++;
selflag.cvalues.push(_scheckbox.value);
}
if(selflag.checked){
return selflag;
}
}
return false;
}

//如果控件值=原來值則清空
function clearInput(input){
if(input.value == input.defaultValue){
input.value = "";
}
}

/***************表單操作結(jié)束**********/


/**************/
//收藏到書簽.(兼容IE和FF)。

function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}

/**************
函數(shù) ： 文本框得到與失去焦點 操作。
這個方法經(jīng)常在文本框搜索的時候出現(xiàn)。
文本里顯示 “ 搜索 ”，然后當用戶鼠標點擊此文本，
文本框內(nèi)容清空。如果用戶沒填寫內(nèi)容，那么文本的值又復原。
如果填寫了，就顯示用戶填寫的。
用法:
<input type="" value="關鍵字搜索" name="a" onfocus="clearTxt('a','關鍵字搜索')" onblur="fillTxt('a','關鍵字搜索')"/>
<input type="text" value="test" name="test" />
**************/
function clearTxt(id,txt) {
if (document.getElementById(id).value == txt)
document.getElementById(id).value="" ;
return ;
}
function fillTxt(id,txt) {
if ( document.getElementById(id).value == "" )
document.getElementById(id).value=txt;
return ;
}


/**************
函數(shù) ： 用來判斷鼠標按的是左鍵還是右鍵。(兼容IE和ff)
用法:
onmousedown="mouse_keycode(event)"
**************/
function mouse_keycode(event){
var event=event||window.event;
var nav=window.navigator.userAgent;
if (nav.indexOf("MSIE")>=1) //如果瀏覽器為IE.解釋：因為 document.all 是 IE 的特有屬性，所以通常用這個方法來判斷客戶端是否是IE瀏覽器 ,document.all?1:0;
{
if(event.button==1){alert("左鍵")}
else if(event.button==2){alert("右鍵")}
}
else if(nav.indexOf("Firefox")>=1) ////如果瀏覽器為Firefox
{
if(event.button==0){alert("左鍵");}
else if(event.button==2){alert("右鍵");}
}
else{ //如果瀏覽器為其他
alert("other");
}
}


/**************
函數(shù) ：觸發(fā)某個對象的onclick事件。（兼容IE和FF）
用法:
<input type="button" value="aaa" id="a" onclick=" alert('cssrain') " />
<input type="button" value="觸發(fā)ID為a的onclick事件" onclick=" handerToClick('a') " />
**************/
function handerToClick(objid){
var obj=document.getElementById(objid);
if(document.all){
obj.fireEvent("onclick");
}else{
var e=document.createEvent('MouseEvent');
e.initEvent('click',false,false);
obj.dispatchEvent(e);
}
}


/**************
實現(xiàn)按回車提交
**************/
function QuickPost(evt,form){
var evt = window.event?window.event:evt;
if(evt.keyCode == 13){
document.getElementById(form).submit();
}
}


/*********
驗證是否是數(shù)字
**********/
function checkIsInteger(str)
{
//如果為空，則通過校驗
if(str == "")
return true;
if(/^(\-?)(\d+)$/.test(str))
return true;
else
return false;
}

最新評論