知られざるJavaScriptの基礎知識大全集（コレクション）-jsチュートリアル-php.cn

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

php是最好的语言

リリース： 2018-07-24 09:22:07

オリジナル

1237 人が閲覧しました

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;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)";
print( "カスタムロジック");

3、js イベント
イベント
イベントソース

応答動作 1 。 js の共通イベント

onclick: クリックイベント
onchange: ドメインの内容が変更されるイベント
要件: レベル 2 の連携を実装する

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

ログイン後にコピー

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



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

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



(2)location
location.href= "url地址";
(3)history
back();
forward();
go();
後一页

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

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

JavaScript 必知道の基礎知識

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