ホームページ  >  記事  >  ウェブフロントエンド  >  知られざるJavaScriptの基礎知識大全集(コレクション)

知られざるJavaScriptの基礎知識大全集(コレクション)

php是最好的语言
php是最好的语言オリジナル
2018-07-24 09:22:071207ブラウズ

JavaScript の学習は非常に退屈で頭の痛いものです。この記事は、今後の学習で使用するので、保存しておいてください。

1. JS組み込みオブジェクト

(1)Number
作成メソッド:

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

属性とメソッド:
toString(): 文字列に変換
valueOf( ): Number オブジェクトの基本数値を返す
( 2 ) Boolean 方式 Create メソッド:

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

属性とメソッド:

tostring (): 文字列に変換
valueof (): Boolean オブジェクトの基本値 (Boolean) に戻る
(3) String
Create メソッド:

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

属性とメソッド:

using ‐ using using using using through through through through out through through off ‐ ‐ ‐ ‐ ‐ off to the lastIndexOf(); 文字のインデックスを返す
split( ); 特殊文字に従って数値配列配列に切り取ります
substr (): 文字列で指定された数値を最初のインデックス マーカーから抽出します
substring (): 文字列内の指定された 2 つのインデックス番号間の文字を抽出します
Touppercase (); 大文字に変換
要素は指定された区切り文字で区切られます。 Pop(): 最後の要素を削除して返します。 .();並べ替え
(5)日付
作成方法:

    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;i3f9c40081e1c9870c1736362f54a2b23name8c1ecd4bb896b2264e0711597d40766c
            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 タグに埋め込む
b749b89f0b220372a26e8916d39f5ab8554bdf357c58b8a65c66d7c19c8e4d114数秒でホームページにジャンプします。ジャンプしない場合は、クリックしてください。ここ5db79b134e9f6b82c0b36e0489ee08ed
< ;script type="text/javascript">
var time = 5;
            var timer;
timer = setInterval(
function(){
var Second = document.getElementById("second");
if(time> =1){
second.innerHTML = time;
time--;
}else {
clearInterval(timer);
location.href="../jsCore/demo10.html";
}
},
1000
);
2cacc6d41bbb37262a98f745aa00fbf0

(2)location
location.href= "url地址";
(3)history
back();
forward();
go();
29415e7f3b36c7b62de23ab377874ce2後一页5db79b134e9f6b82c0b36e0489ee08ed
07a1cf4055b0f1271e1dc90428774457

79a790c4cf064000194a88f282915c7b
c0fe884f4bd666a2c4f1be5b285fa8f1

五、js の dom
1、理解する下文档对オブジェクトモデル
html ファイルが内部に存在する後に追加された dom を形成し、これらの点に基づいてオブジェクトをコード化して修正することができます
在dom树当中一切皆是节点对象
2、dom方法と属性
笔记见代码
相关推荐:

JavaScript 变量ベース础知识_基础知识

JavaScript 必知道の基礎知識

以上が知られざるJavaScriptの基礎知識大全集(コレクション)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。