Maison  >  Article  >  interface Web  >  Explication de l'encapsulation de la fonction JavaScript

Explication de l'encapsulation de la fonction JavaScript

巴扎黑
巴扎黑original
2017-07-24 17:03:301735parcourir


La première fonction dont js a besoin est
window.onload = function() {
                                                                                                                                                                                             🎜>
function $arr(array) {
return document.getElementsByTagName(array);
}

function hide(id ) {
$( id).style.display = "none";
}
}
 
function show(id) {
                         🎜> }

>
Fonction chargée par script
window.onload = function() {

>
2. Fonction d'identifiant encapsulé
function $( id) {

return document.getElementById(id);

}
Identifiant d'appel $("identifiant appelé")

3. Améliorer l'expérience utilisateur—— La zone de texte automatiquement gagne le focus 38

$("txt").focus();

Text box< input type = "text"id = "txt" / >
4. Améliorer l'utilisateur expérience - vous pouvez sélectionner toutes les zones de texte avec la souris, ce qui facilite la suppression du texte
$("sele").onmouseover = function() {

this.select();

>
Zone de texte< input type = "text"id = "sele" / >
5. ID de tableau encapsulé
fonction $arr(array) {

document de retour. getElementsByTagName(array);

}
Appel $arr("tableau appelé tel que li i tag")
6. Fonction moyenne personnalisée
fonction avg(array) {

var sum = 0;

var len = array.length;

for (var i = 0; i < len; i++) {
sum + = array[i ];
}
}
return sum / len;
 
}

 
pour (var i = 0; i < inputs.length; i++) {
inputs[i].checked = flag;
}
}

}
8. Fonction de classe encapsulée [Navigateurs grand public (Google, Firefox), IE9 et supérieur (y compris IE9) prennent tous en charge la fonction document.getElementsByClassName(), IE678 ne prend pas en charge]
function getClass(classname, id) {
{
                                                                                                                             ByClassName(classname);                                                                           
Retourner le document.GetelementsByClassName (ClassName);
}
}
// Le plus 哏 哏 哏 哏 哏 哏 哏 {
IF (ID) {
varmed = documenTelemen TByid (
var); dom=eleId.getElementsByTagName("*"); else {
                var dom=document.getElementsByTagName("*");
}
var arr=[];
for(var i=0 ;i var txtarr=dom[i].className.split(" ");
for(var j=0;j                      if(txtarr.className == classname){
                           arr.push(dom[j]);
                    }           }
           }

9.隐藏显示函数<  $(id).style.display = "bloquer";
            }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn