Eine vollständige Sammlung unbekannter, beliebter grundlegender JavaScript-Kenntnisse (Sammlung)

Das Erlernen von JavaScript ist langweilig und bereitet Ihnen Kopfschmerzen. Sie werden es in Ihrem zukünftigen Studium verwenden.

1. JS-integrierte Objekte

(1)Nummer
Erstellungsmethode:

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

Attribute und Methoden:
toString(): In String konvertieren
valueOf(): Gibt den grundlegenden numerischen Wert eines Number-Objekts zurück
(2)Boolean
Erstellungsmethode:

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

Attribute und Methoden:
toString(): In String konvertieren
valueOf(): Gibt den Grundwert (boolean) eines booleschen Objekts zurück (3) String
Erstellungsmethode:

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

Attribute und Methoden:

length: die Länge des Strings
charAt(): Gibt das Indexzeichen zurück
charCodeAt: Gibt das Indexzeichen Unicode zurück
indexOf(): Gibt den Index des Zeichens zurück
lastIndexOf(); Gibt den Index des Zeichens
zurück reverse split(); wird die Zeichenfolge entsprechend den Sonderzeichen in ein Array zerlegen
substr(): Extrahieren Sie die angegebene Anzahl von Zeichen in der Zeichenfolge aus der Startindexnummer
substring(): Extrahieren Sie die Zeichen zwischen den zwei angegebene Indexzahlen im String
toUpperCase(); In Großbuchstaben umwandeln
Beispiel:
(4)Array
Erstellungsmethode:

var arr = new Array();//空数组
var arr = new Array(size);//创建一个指定长度的数据
var arr = new Array(element0, element1, ..., elementn);//创建数组直接实例化元素
var arr = [];//空数组
var arr = [1,2,5,"java"];//创建数组直接实例化元素

Attribute und Methoden:

Länge :array length
join() : Alle Elemente des Arrays in einen String einfügen. Elemente werden durch ein angegebenes Trennzeichen getrennt
pop(): löscht das letzte Element und gibt es zurück
push(): fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück
reverse() ; Array umkehren
                                                                                                                                                                                     sort();

    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;if6ea7fe5d2f21294c828a12f3d7437d6name8c1ecd4bb896b2264e0711597d40766c
            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");
Warnung (Span); 2. Ereignisbindungsmethode
(1) Werden Ereignisse und Antwortverhalten in HTML-Tags eingebettet
                                                                                                                                                    ; in html und die Das Antwortverhalten ist mit einer Funktion gekapselt
                                                                                                      ;
Funktion fn (){
Alert("yyy");
}
(3) Ereignisse und Antwortverhalten vollständig von HTML-Tags trennen
f9681e04e90c203c3ac4e457c2f1bece ;
btn.onclick = function(){
alarm("zzz");
};
2cacc6d41bbb37262a98f745aa00fbf0
 
****dieses Schlüsselwort
Dies wird über die Ereignisfunktion
HTML-Tag-Objekt
bf14b176da4d2904ab2f0b1654ff4596                                                                                                        ; 🎜>                                                           🎜> 3. Standardverhalten beim Verhindern von Ereignissen
IE: window.event.returnValue = false;
W3c: Das übergebene Ereignis object.preventDefault() ;
//ie: window.event.returnValue = false;
//W3c: übergebenes Ereignis object.preventDefault();
//W3c-Standard
if(e&&e.preventDefault){
warning("w3c");
e .preventDefault();
                                                                                            > 
 
//Die Rückgabe von false vom Ereignis kann auch das Standardverhalten des Ereignisses verhindern
4. Verhindern Sie das Ausbreitung von Ereignissen
IE: window.event.cancelBubble = true;
W3c: Das übergebene Ereignis object.stopPropagation();
If(e&&e.stopPropagation){
Alert("w3c");
e.stopPropagation();
//IE-Tag
alarm("ie");

4. JS BOM
(1) Fensterobjekt
Popup-Methode:
Eingabeaufforderungsfeld: Warnung("Eingabeaufforderungsinformationen");
Bestätigungsfeld: bestätigen("Bestätigungsinformationen"); ;
Es gibt einen Rückgabewert: Wenn Sie zum Bestätigen klicken, wird „true“ zurückgegeben. Wenn Sie zum Abbrechen klicken, wird „false“ zurückgegeben box : prompt("prompt information");
Es gibt einen Rückgabewert: Wenn Sie auf Bestätigen klicken, um den Text des Eingabefelds zurückzugeben, klicken Sie auf Abbrechen, um null zurückzugeben
var res = prompt("Bitte geben Sie Ihr Passwort ein ?");
warning(res );
open method:
window.open("url address"); open(../jsCore/demo10.html");
Timer:
setTimeout(function, millisecond value);
setTimeout(
function(){
warning("xx");                                                                                                                                                                    Name des Geräts);
var timer;
var fn = function(){
alarm("x");
time r = setTimeout(fn,2000);
          };
var close = function(){
clearTimeout(timer) ;
};
fn();
setInterval(function, millisecond value);
clearInterval(timer name)
var timer = setInterval(
function(){
warning("nihao");
},
                        2000
              ); > clearInterval(timer);
">554bdf357c58b8a65c66d7c19c8e4d114Es wird nach 5 Sekunden zur Startseite gesprungen. Wenn ja springt bitte nicht5685b03544af1800cce2a6330467ef97Hier klicken5db79b134e9f6b82c0b36e0489ee08ed
                                 type="text/javascript">
var time = 5;
            var timer;
            timer = setInterval(
                function(){
                    var second = document.getElementById("second");
                    if (time>=1){
                        second.innerHTML = time;
                        time--;
                                     clearInterval(timer);
                        location.href="../jsCore/demo10.html";
                    }
                },
                1000
            );
        2cacc6d41bbb37262a98f745aa00fbf0
        
    (2)location    
        location.href="url地址";
    (3)Geschichte
        zurück ();
        forward();
        go();
        29415e7f3b36c7b62de23ab377874ce2后一页5db79b134e9f6b82c0b36e0489ee08ed
        233969c8344222ec9d465603178c0818
        07a1cf4055b0f1271e1dc90428774457
        
        79a790c4cf064000194a88f282915c7b
        d2db708b4b1b53ea868930e8b9bc39f6
        
五、js的dom
    1、理解一下文档对象模型
        html文件加载到内存之后会形成一颗dom树,根据这些节点对象可以进行脚本代码的动态修改
        在dom树当中 一切皆为节点对象
    2、 dom方法和属性
        笔记见代码
    相关推荐:

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

JavaScript必须知道的基础知识

Das obige ist der detaillierte Inhalt vonEine vollständige Sammlung unbekannter, beliebter grundlegender JavaScript-Kenntnisse (Sammlung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!