Une collection complète de connaissances JavaScript de base populaires inconnues (Collection)-js tutoriel-php.cn

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);

Copier après la connexion

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);

Copier après la connexion

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

lastIndexOf (); Renvoie l'index du caractère <🎜 à l'envers > 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);

Copier après la connexion

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到现在的一个毫秒值

Copier après la connexion

属性和方法
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);

Copier après la connexion

二、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;i alert(arguments[i]);
}
}
fn(1,2,4,8);

3、返回值
(1)在定义函数的时候不必表明是否具有返回值
(2)返回值仅仅通过return关键字就可以了 return后的代码不执行
function fn(a,b){
return a+b;
//alert("xxxx");
}
alert(fn(2,3));

4、js的全局函数
(1)编码和解码
encodeURI() decodeURI()
encodeURIComponet() decodeURIComponent()
escape() unescape()
三者区别：
进行编码的符号范围不同吧，实际开发中常使用第一种
(2)强制转换
Number()
String()
Boolean()
(3)转成数字
parseInt()
parseFloat()
(4)eval()方法
将字符串当作脚本进行解析运行
//var str = "var a=2;var b=3;alert(a+b)";
; 🎜> onclick : événement de clic
onchange : événement où se trouve le contenu du domaine modifié
Exigences : obtenir un lien secondaire

<select id="city">
                <option value="bj">北京</option>
                <option value="tj">天津</option>
                <option value="sh">上海</option>
            </select>
            <select id="area">
                <option>海淀</option>
                <option>朝阳</option>
                <option>东城</option>
            </select>
            <script type="text/javascript">
                var select = document.getElementById("city");
                select.onchange = function(){
                    var optionVal = select.value;
                    switch(optionVal){
                        case &#39;bj&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>海淀</option><option>朝阳</option><option>东城</option>";
                            break;
                        case &#39;tj&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>南开</option><option>西青</option><option>河西</option>";
                            break;
                        case &#39;sh&#39;:
                            var area = document.getElementById("area");
                            area.innerHTML = "<option>浦东</option><option>杨浦</option>";
                            break;
                        default:
                            alert("error");
                    }
                };                
                
            </script>

Copier après la connexion

       onfoucus:获得焦点的事件
       onblur:失去焦点的事件
           需求：   当输入框获得焦点的时候，提示输入的内容格式
                   当输入框失去焦点的时候，提示输入有误
           name



       onmouseover:鼠标悬浮的事件
       onmouseout:鼠标离开的事件
           需求：p元素鼠标移入变为绿色移出恢复原色
           #d1{background-color: red;width:200px;height: 200px;}

       onload:加载完毕的事件
           等到页面加载完毕在执行onload事件所指向的函数



****ce mot-clé
Ceci est transmis via la fonction événementielle
objet balise html

                                                                                                                                                                                                                            ; 🎜>                                                                     🎜> 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);
">5 Il reviendra à la page d'accueil après 5 secondes. Si c'est le cas, ne saute pas, s'il vous plaîtCliquez ici
                                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";
                   }
               }, <地址";
   (3)histoire
       retour ();
       forward();
       go();
       后一页






五、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!