Une collection complète de connaissances JavaScript de base populaires inconnues (Collection)

Apprendre JavaScript est ennuyeux et un casse-tête. Cet article vous aidera à approfondir votre impression des connaissances de base. Vous l'utiliserez dans vos futures études.

1. Objets intégrés JS

(1)Number
Méthode de création :

var myNum=new Number(value);
var myNum=Number(value);

Attributs et méthodes :
toString() : Convertir to String
            valueOf() : renvoie la valeur numérique de base d'un objet Number                                                                                 utilisant utilisant utilisant utilisant utilisant ' ‐                       out out out off out's ' out 's ' through out ' through through through through through through ‐ through ‐ ‐‐‐‐ ‐‐ et ‐ en toString() : Convertir en chaîne
                valueOf() : Renvoie la valeur de base (booléenne) d'un objet booléen                                                         ''s ' ' en utilisant des valeurs booléennes       partout à travers à travers à travers à travers à travers à travers à travers l'extérieur à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers à travers‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐ ‐ ‐ ‐ ‐ _ length : La longueur de la chaîne
charAt() : Renvoie le caractère d'index

charCodeAt : Renvoie le caractère d'index unicode

var bool = new Boolean(value);    
var bool = Boolean(value);

indexOf() : Renvoie l'index du caractère

lastIndexOf (); Renvoie l'index du caractère split(); divise la chaîne en un tableau en fonction des caractères spéciaux
substr() : Extrait le nombre spécifié de caractères dans la chaîne à partir du numéro d'index de départ
substring() : Extraire deux index spécifiés dans la chaîne Les caractères entre les nombres Touppercase (); Transférer
Exemple :
(4) Array

Méthode de création :

var str = new String(s);
var str = String(s);

Propriétés et méthodes :
LENGTH : Longueur du tableau
join() : Mettez tous les éléments du tableau dans une chaîne. Les éléments sont séparés par un délimiteur spécifié
pop() : supprime et renvoie le dernier élément
push() : ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur
reverse() ; Tableau inversé
                                                                                                                                                                             trier();

    var myDate = new Date();
    var myDate = new Date(毫秒值);//代表从1970-1-1到现在的一个毫秒值

        属性和方法
            getFullYear():年
            getMonth():月 0-11
            getDate():日 1-31
            getDay()：星期 0-6
            getTime():返回1970年1月1日午夜到指定日期（字符串）的毫秒数
            toLocalString();获得本地时间格式的字符串
            
    (6)Math
        创建方式：    
            Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，
            不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。
        属性和方法
            PI：圆周率
            abs():绝对值
            ceil():对数进行上舍入
            floor():对数进行下舍入
            pow(x,y)：返回 x 的 y 次幂
            random():0-1之间的随机数
            round():四舍五入
    (7)RegExp
        创建方式：    
            var reg = new RegExp(pattern);
            var reg = /^正则规则$/;
        规则的写法：
            [0-9] 
            [A-Z]
            [a-z]
            [A-z]
            \d 代表数据
            \D    非数字
            \w    查找单词字符
            \W    查找非单词字符
            \s    查找空白字符
            \S    查找非空白字符
            n+    出现至少一次
            n*    出现0次或多次
            n?    出现0次或1次
            {5} 出现5
            {2,8} 2到8次
        方法：    
            test(str):检索字符串中指定的值。返回 true 或 false
        需求：
            校验邮箱：
          

 var email = haohao_827@163.com
 var reg = /^[A-z]+[A-z0-9_-]*\@[A-z0-9]+\.[A-z]+$/;
 reg.test(email);

二、js的函数
    1、js函数定义的方式
        (1)普通方式
            语法：function 函数名(参数列表){函数体}
            示例：
                function method(){
                    alert("xxx");
                }
                method();
        (2)匿名函数
            语法：function(参数列表){函数体}
            示例：
                var method = function(){
                    alert("yyy");
                };
                method();
        (3)对象函数
            语法：new Function(参数1,参数2,...,函数体);
            注意：参数名称必须使用字符串形式、最后一个默认是函数体且函数体需要字符串形式
            示例：
                var fn = new Function("a","b","alert(a+b)");
                fn(2,5);
    2、函数的参数
        (1)形参没有var去修饰
        (2)形参和实参个数不一定相等
        (3)arguments对象 是个数组 会将传递的实参进行封装
        function fn(a,b,c){
            //var sum = a+b+c;
            //alert(sum);
            //arguments是个数组 会将传递的实参进行封装
            for(var i=0;ie4f6de2e0e71891f3c09898e6adc5b3ename8c1ecd4bb896b2264e0711597d40766c
            666ac8728054c077fc5cc775c102c5f26ef44c608976f15c1dbf0d10ec38e59754bdf357c58b8a65c66d7c19c8e4d114
            5cd6e472395e766622bc5d31b556eb7a
                var txt = document.getElementById("txt");
                txt.onfocus = function(){
                    //友好提示
                    var span = document.getElementById("action");
                    span.innerHTML = "用户名格式最小8位";
                    span.style.color = "green";
                };
                txt.onblur = function(){
                    //错误提示
                    var span = document.getElementById("action");
                    span.innerHTML = "对不起 格式不正确";
                    span.style.color = "red";
                };
            2cacc6d41bbb37262a98f745aa00fbf0
            
        onmouseover:鼠标悬浮的事件
        onmouseout:鼠标离开的事件
            需求：p元素 鼠标移入变为绿色 移出恢复原色
            #d1{background-color: red;width:200px;height: 200px;}
            aee05862a039576747986e29c62a5b6e94b3e26ee717c64999d7867364b1b4a3
            5cd6e472395e766622bc5d31b556eb7a
                var p = document.getElementById("d1");
                p.onmouseover = function(){
                    this.style.backgroundColor = "green";
                };
                p.onmouseout = function(){
                    this.style.backgroundColor = "red";
                };
            2cacc6d41bbb37262a98f745aa00fbf0
        
    
        onload:加载完毕的事件
            等到页面加载完毕在执行onload事件所指向的函数
            112c8dd940660acc05061dbf2b5db10d54bdf357c58b8a65c66d7c19c8e4d114
            5cd6e472395e766622bc5d31b556eb7a
                window.onload = function(){
                    var span = document.getElementById("span");
alert (span); 2. Méthode de liaison d'événement
(1) Will Les événements et les comportements de réponse sont intégrés dans les balises HTML
                                                                                                                                                                                       ; fonction
                                                                                                                                             ;
fonction fn (){
alert("yyy");
}
(3) Séparez complètement les événements et les comportements de réponse des balises html
768ad0e50215feeab6a366c5fa049a5d
                                                                                                                ;
btn.onclick = function(){
alert("zzz");
};
2cacc6d41bbb37262a98f745aa00fbf0
 
****ce mot-clé
Ceci est transmis via la fonction événementielle
objet balise html
efddf066f657c6183f88999b9d24b235
                                                                                                                                                                                                                            ; 🎜>                                                                     🎜> 3. Comportement par défaut de prévention des événements
IE : window.event.returnValue = false ;
W3c : le passé objet d'événement.preventDefault() ;
//ie : window.event.returnValue = false;
//W3c : événement passé object.preventDefault();
//Standard W3c
if(e&&e.preventDefault){
alert("w3c");
e .preventDefault();
                                                                                                      > 
 
//Le retour de false à partir de l'événement peut également empêcher le comportement par défaut de l'événement
4. Empêcher le propagation des événements
IE : window.event.cancelBubble = true;
W3c : l'événement passé object.stopPropagation();
If(e&&e.stopPropagation){
alert("w3c");
e.stopPropagation();
//balise IE
}else{
          alert("ie");

4. JS BOM
(1) objet fenêtre
Méthode contextuelle :
Boîte d'invite : alert("informations d'invite");
Boîte de confirmation : confirm("informations de confirmation" ) ;
Il y a une valeur de retour : si vous cliquez pour confirmer, elle renvoie true Si vous cliquez pour annuler, elle renvoie false
var res = confirm("Êtes-vous sûr de vouloir supprimer ?"); box : prompt("information rapide");
Il y a une valeur de retour : Si vous cliquez sur Confirmer pour renvoyer le texte de la zone de saisie, cliquez sur Annuler pour renvoyer null
var res = prompt("Veuillez entrer votre mot de passe ?");
alert(res );
méthode open :
window.open("adresse url"); open("../jsCore/demo10.html");
Minuterie :
setTimeout(function, millisecond value);
setTimeout(
function(){
alert("xx");                                                                                                                                                                                                                        nom de l'appareil);
var timer;
var fn = function(){
alert("x");
time r = setTimeout(fn,2000);
          };
var close = function(){
clearTimeout(timer) ;
};
fn();
setInterval(function, millisecond value);
clearInterval(timer name)
var timer = setInterval(
function(){
alert("nihao");
},
                         2000
              ); > clearInterval(timer);
">554bdf357c58b8a65c66d7c19c8e4d114 Il reviendra à la page d'accueil après 5 secondes. Si c'est le cas, ne saute pas, s'il vous plaît5685b03544af1800cce2a6330467ef97Cliquez ici5db79b134e9f6b82c0b36e0489ee08ed
                                type="text/javascript">
var time = 5;
            var timer;
            timer = setInterval(
                function(){
                    var second = document.getElementById("second");
                   if(time>=1){
                        second.innerHTML = heure;
                        heure--;
                      autre{
                        clearInterval(timer);
                       location.href="../jsCore/demo10.html";
                    }
                }, 6a5b5d328d8db347ae71ac98d1e85210后一页5db79b134e9f6b82c0b36e0489ee08ed
        233969c8344222ec9d465603178c0818
        07a1cf4055b0f1271e1dc90428774457
        
        79a790c4cf064000194a88f282915c7b
        d2db708b4b1b53ea868930e8b9bc39f6
        
五、js的dom
    1、理解一下文档对象模型
        html文件加载到内存之后会形成一颗dom树，根据这些节点对象可以进行脚本代码的动态修改
        在dom树当中 一切皆为节点对象
    2、dom方法和属性
        笔记见代码
    相关推荐：


JavaScript 变量基础知识_基础知识

JavaScript 必须知道的基础知识

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!