首頁 > web前端 > js教程 > javascript函數封裝講解

javascript函數封裝講解

巴扎黑
發布: 2017-07-24 17:03:30
原創
1761 人瀏覽過


##js首先需要的函 
window.onload = function() {
   
   function $(id) {
       
#   ##    
   function $arr(array) {
       
       return document.getElementsByTagName(array);
 ide(id) {
        $( 。 ##    }
   
}
script載入的函數
window.onload = function() {
 
}
#2.封裝的id函數
function $( id) {
   
   return document.getElementById(id);
   
}
調用id $("調用的id")

3.提升使用者體驗-文字方塊自動取得焦點38

$("txt").focus();

文字方塊< input type = "text"id = "txt" / >
4.提升使用者體驗-滑鼠經過文字方塊可以全選,方便刪除文字
$("sele").onmouseover = function() {
   
this.select();
   
}
文字方塊< input type = "text"id = "sele" / >
5.封裝的陣列id
function $arr(array) {
   
   return document.getElementsByTagName(array);
   
}
呼叫$arr("呼叫的陣列例如li i標籤")  
6.自訂平均值函數
function avg(array) {
   
   var sum = 0;
   
   var len = array.length;
   
   for (var i = 0 i < + len; = array[i];
       
   }
   
   return sum / len;
   
} #for##  包含。 ,IE9以上的包括IE9)都支援document.getElementsByClassName()函數,IE678不支援】
function getClass(classname, id) {
   //        .getElementsByClassName) {
                   if(id){
                        var eleId=document.getElementById(id);
                        return eleId.getElementsByClassName(classname);
                   }
//                不帶id
                    else{
                        return document.getElementsByClassName(classname);
       //                最好的IE678瀏覽器附id
                if(id){ ## id);
                    var dom=eleId.getElementsByTagName("*");
                        else {
            else {
                   中對中使用中(
##);
");
");
");
}
                var arr=[];
              for(var i=0;i                     for(var j=0;j                      if(txtarr.className == 類別名稱){
                            arr.push(dom[j]);#               }
              }
               }
 時  時
            function hide(id) {
                $(id).style.display = "none";# {
                  $(id).style.display = 「阻塞」;### }#####

以上是javascript函數封裝講解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板