알려지지 않은 대중적인 기본 JavaScript 지식의 전체 모음(컬렉션)

JavaScript를 배우는 것은 매우 지루하고 골치 아픈 일입니다. 이 글은 향후 학습에 필요할 때 활용하게 될 것입니다.

1. js 내장 객체

(1)Number
생성 방법:

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

속성 및 방법: # 🎜🎜 # toString(): 문자열로 변환
                                                  ’ s s ’ s ‐ ‐ ‐ ​ ​ ​ ​ ​ ‐ ​ ​ ​                          off ’ s ’ 를 통해 Boolean ’ s ‐ ‐ ‐ ‐ 및 방법:
                                                                                               > (): 인덱스 문자
charCodeAt를 반환합니다. : 인덱스 문자를 반환합니다 unicode#🎜 🎜# indexOf():return 문자 인덱스
lastIndexOf(); 문자 인덱스를 역으로 반환합니다

분할(); 특수 문자에 따라 문자열을 배열로 나눕니다. 🎜# substr(): 시작 인덱스 번호에서 문자열 추출 지정된 문자 수

                                                                                                             ‐           ‐                                                           toUpperCase()-outto를 사용하여 문자열 밖으로 출력 대문자();
                                                                                사용       사용               사용 ' ' s   통해 사용 통해 사용 통해 통해 통해 통해 통해 통해 통해 통해 통해 ‐‐ ‐ ‐ 생성 방법: 요소를 지정된 구분 기호로 구분하여 구분합니다. a
POP(): 최종 요소를 삭제하고 반환
push(): 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환#🎜 🎜
reverse();배열 반전

                                                              use   using using           ’ ’ ’ s ’ s ’ ‐ 아래로 ‐ ‐ ​ to ​

    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;ic995d65cb84e62aded9f13be90c78229name8c1ecd4bb896b2264e0711597d40766c
            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");
경고(범위)
                (1) HTML 태그에 이벤트 및 응답 동작 삽입
fcaa6d247574dceab0efd1da3ed31e90
                                                                                       | ~ | tn = document.getElementById("btn");                          
                                            ~ ~ > > 차단 이벤트의 기본 동작
IE: window.event.ReturnValue = false;
W3C: 전송된 .preventdeFault()의 이벤트 개체
//ie:window.event.returnValue = false;准 // W3C 표준 | ("ie");
window.event.returnValue = false;
}

通过 // 이벤트를 통해 FALSE로 돌아가면 이벤트의 기본 동작을 방지할 수도 있습니다
& lt; a href = "demo11.html" onClick = "false 반환" & gt; 나를 클릭하세요 & lt;/a & gt;
IE 전파: window.event.cancelBubble = true;
W3C: 전송된 .Stoppropagation();
If (E && E.StopPropagation) {
Alert ("w3c");
                 window.event.cancelBubble = true;

4.js bom
(1) 창 개체
팝업 방법:
프롬프트 상자: 경고("프롬프트 메시지");
확인 상자: 확인("확인 메시지"); 확인 클릭 취소를 클릭하면 true를 반환합니다.
          var res = verify("삭제하시겠습니까?"  )
             반환 값이 있습니다. 반환하려면 확인을 클릭하는 경우 입력 상자의 텍스트를 취소하고 돌아가려면 클릭하세요. null
          var res = 프롬프트("비밀번호를 입력하세요?")
                Alert(res);​
​ ​ open("../ jsCore/demo10.html"){
                        경고("xx") >
fn ();
SetInterval 2000
            ); 5초 안에 홈페이지로 이동
성공적으로 등록하신 것을 축하합니다. 808f4c96b7fa18c65ecb90582f32797d554bdf357c58b8a65c66d7c19c8e4d114그렇지 않으면 몇 초 안에 홈페이지로 이동합니다. 점프하세요. 여기를 클릭하세요5685b03544af1800cce2a6330467ef97script type="text/javascript">
      var time = 5;
            var 타이머;
            timer = setInterval(
                function(){
                    var second = document.getElementById("두 번째");
                   if(time>=1){#🎜🎜 #                        second.innerHTML = time;
                        time--;
                    }else{#🎜🜜#                        clearInterval(timer);
                        location.href="../jsCore/demo10.html";
                    }
                },
                1000
            );
        2cacc6d41bbb37262a98f745aa00fbf0
        
    (2)위치    
        location.href = "url 地址";
(3) 히스토리###back ();
#####go ();##& lt; a href = "demo7. html">后一页5db79b134e9f6b82c0b36e0489ee08ed
        724c8aa3cbc2fd3318a09dcf8d52a4e8
        2562da634c504ee16875df19706fcbcb
        
        64dd962b830c894866eeae90eef563d8
        d2db708b4b1b53ea868930e8b9bc39f6
        
五、js 적돔
    1、리리解一下文档对象模型
        html文件加载到内存之后会shape成一颗dom树，根据这些节点对象可以进行脚本代码的动态修改
        재돔树当中 一切皆为节点对象
    2, dom方法和属性
        笔记见代码
    相关推荐:

# 🎜🎜#JavaScript 变weight基础知识_基础知识#🎜🎜 #


JavaScript는 자바스크립트로 알고 있는 정보입니다.

위 내용은 알려지지 않은 대중적인 기본 JavaScript 지식의 전체 모음(컬렉션)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!