js知識整理(二)---JavaScriptでよく使われる対象
29970 ワード
JavaScriptでよく使うオブジェクト
デートクラス:
マスター:作成方法 年月日の分秒を取得する方法0-11は月0で、1月11は12月 です.曜日の取得方法0-6は週数0は日曜日 です.時間はどう設定しますか? 時間を現地時間に変更する .
マスター: abs()絶対値 sqrt()開方 pow(a,b)べき乗演算(aのb乗) ceilを上に整理する(四捨五入しない) flort()下に整理します. round()四捨五入 Math.randowm()乱数乱数[0,1]間のデータ 10-20間の乱数
マスター: charAt()は文字列の下付き文字 を返します. indexOf()は文字列の中の位置を返して左から右へ探します.戻りが見つからなかったら-1 を返します. lastIndexOfは文字列内の位置を右から左へ検索します.戻りが見つからなかったら-1 subStr(m,n)文字列の切り取りは、mから開始した位置からn文字列 を切り取る. substring(m,n)文字列の切り取りm開始位置下付きn終了位置の下付き 文字列を大文字または小文字に変換する concat()はjavaにつなぎ合わせてmysqlの中にも関数jsがあります. もあります.
マスター:イベントonclickをクリックします.(普通はbuttonで使用します.btnでデータを提出できます.) イベントondbclick をダブルクリックします.変更イベントonchange キーボードでイベントを押します. フォーカスイベントonblur()(多くの場合、一般的にinputの上で使用され、formでデータチェックができます) onloadページまたは画像ローディングが実行される方法onload(一般的にはbodyの上で使用され、ページで初期化データをロードすることができます) マウスでイベントonmouseoverを上書きします. マウスはオンモスアウト(一般的にブロックラベルに使用されます)を離れます.
デートクラス:
マスター:
// date
var date = new Date();
console.log(date);
// date
//
var year = date.getFullYear();
// 0-11 0 11 12
var month = date.getMonth();
//
var day = date.getDate();
console.log(year);
console.log(month);
console.log(day);
//
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
console.log(hour);
console.log(min);
console.log(sec);
// 0-6 0
var weekDay = date.getDay();
console.log(weekDay);
//
date.setMonth(7);
console.log(date);
マスター:
// abs()
// java static
console.log(Math.abs(-10));
// sqrt()
console.log(Math.sqrt(9));
// a^b pow()
console.log(Math.pow(2,3));
// ceil()
console.log(Math.ceil(-3.3));
// floort()
console.log(Math.floor(3.3));
// round();
console.log(Math.round(3.4)); // 3
console.log(Math.round(3.5)); // 4
//
// Math.random() [0,1)
// 0-5
// * Math.random() * a
//Math.random() * 5; // [0,5)
// random.nextInt(6);
for(var i = 0 ; i <= 10;i++){
var num = Math.floor(Math.random() * 6);
console.log(num);
}
console.log("********");
// 10 -20
// [0-10] + 10
for(var i = 0 ; i <= 10;i++){
var a = Math.floor(Math.random() * 11) + 10;
console.log(a);
}
マスター:
//
var h1 = "hello";
var h2 = 'hello';
var s = "javascript";
// js java
// charAt()
var ch = s.charAt(0);
console.log(ch);
// indexOf() -1
// lastIndexOf
var index = s.indexOf('v');
console.log(index);
// subStr(m,n) m n
var s1 = s.substr(1,3);
console.log(s1); // ava
// substring(m,n) m n
var s2 = s.substring(1,3);
console.log(s2); // av
//
var s3= s.toLocaleUpperCase();
console.log(s3);
// s1.toLocaleLowerCase() //
// concat() java mysql js
var s4 = s1.concat("hello");ss
console.log(s4);
マスター:
<button onclick="test01()"> </button>
function test01() {
//
alert(' ');
}
<button ondblclick="test02()"> 666 </button>
function test02() {
//
alert(' ');
}
//this select ,value select
<select onchange="test03(this.value)">
<option value=" "> </option>
<option value=" "> </option>
<option value=" "> </option>
<option value=" "> </option>
</select>
function test03(city){
alert(' :' + city);
}
:<input type="text" onkeydown="test01(this.value)"><br>
function test01(val){
console.log(' ')
//this.value this input
value input
console.log(val);
}
:<input type="text" onblur="test02(this.value)"><br>
function test02(val){
console.log(" ..."+ val)
}
<body onload="test03()">
:<input type="text" onkeydown="test01(this.value)"><br>
:<input type="text" onblur="test02(this.value)"><br>
</body>
function test03(){
alert(' ...');
}
<div id="box1" onmouseover="test01()" onmouseout="test02()">
hello div
</div>
function test01(){
console.log(' over ');
// div
var divNode = document.getElementById("box1");
// js
divNode.style.backgroundColor = "skyblue";
divNode.style.color = "green";
divNode.style.fontSize = "20px";
}
function test02(){
console.log(' out..');
var divNode = document.getElementById("box1");
// js
divNode.style.backgroundColor = "red";
divNode.style.color = "black";
divNode.style.fontSize = "14px";
}