ホームページ >ウェブフロントエンド >jsチュートリアル >知られざるJavaScriptの基礎知識大全集(コレクション)
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の基礎知識大全集(コレクション)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。