JavaScriptはこういうことです.

5812 ワード

javascript.co.com.cnから変更しました.(ここに置くのは主に自分の勉強に便利です.許可しないなら、私に教えてください.自分で削除します.)
いくつかの時間は、言語に精通していますが、他の言語と一日中付き合っています.これらは取るに足りないと思っていますが、開発の進捗に影響することはありません.私はますますJavaScriptが思っていたより複雑で強いと感じています.すべてのOOP言語を崇拝するようになりました.祝日の間にJavaScriptに関する方法とテクニックを整理して、JavaScriptに悩んでいる人に分かります.JavaScriptはこのようなことです.JavaScriptがまたあなたの友達になることができることを望んで、あなたをぱっと明るくならせて、プロジェクトの中でもっと良い応用~読む範囲に適します:JavaScriptに対して何も知りません.
基礎知識:HTML
1スクリプトブロックを作成
<script language=”JavaScript”>
JavaScript code goes here
</script>
2スクリプトコードを隠す
<script language=”JavaScript”>

 document.write(“Hello”);

</script>
JavaScriptをサポートしていないブラウザでは関連コードを実行しません.
3ブラウザがサポートされていない時に表示されます.
<noscript>
Hello to the non-JavaScript browser.
</noscript>
4外部スクリプトファイルをリンクする
 <script language=”JavaScript” src=”filename.js”></script>
5コメントスクリプト
1: // This is a comment
2: document.write(“Hello”); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6ブラウザに出力
1: document.write(“Hello”);
7変数の定義
var myVariable = “some value”;
8文字列加算
var myString = “String1” + “String2”;
9文字列検索
<script language=”JavaScript”>

 var myVariable = “Hello there”;
 var therePlace = myVariable.search(“there”);
 document.write(therePlace);

</script>
10文字列置換
thisVar.replace(“Monday”,”Friday”);
11文字列の書式設定
<script language=”JavaScript”>
 var myVariable = “Hello there”;
 document.write(myVariable.big() + “<br>”);
 document.write(myVariable.blink() + “<br>”);
 document.write(myVariable.bold() + “<br>”);
 document.write(myVariable.fixed() + “<br>”);
 document.write(myVariable.fontcolor(“red”) + “<br>”);
 document.write(myVariable.fontsize(“18pt”) + “<br>”);
 document.write(myVariable.small() + “<br>”);
 document.write(myVariable.strike() + “<br>”);
 document.write(myVariable.sub() + “<br>”);
 document.write(myVariable.sup() + “<br>”);
 document.write(myVariable.toLowerCase() + “<br>”);
 document.write(myVariable.toUpperCase() + “<br>”);

 var firstString = “My String”;
 var finalString = firstString.bold().toLowerCase().fontcolor(“red”);</script>
12配列の作成
<script language=”JavaScript”>

var myArray = new Array(5);
 myArray[0] = “First Entry”;
myArray[1] = “Second Entry”;
myArray[2] = “Third Entry”;
myArray[3] = “Fourth Entry”;
myArray[4] = “Fifth Entry”;
var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);

</script>
13配列の並べ替え
<script language=”JavaScript”>
var myArray = new Array(5);
myArray[0] = “z”;
 myArray[1] = “c”;
 myArray[2] = “d”;
 myArray[3] = “a”;
myArray[4] = “q”;
 document.write(myArray.sort());
 
 </script>
 
14文字列を分割
<script language=”JavaScript”>

var myVariable = “a,b,c,d”;
var stringArray = myVariable.split(“,”);
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);

</script>
15ポップアップ警告情報
<script language=”JavaScript”>

window.alert(“Hello”);

</script>
16ポップアップ確認ボックス
<script language=”JavaScript”>

var result = window.confirm(“Click OK to continue”);

</script>
17定義関数
<script language=”JavaScript”>

function multiple(number1,number2) {
var result = number1 * number2;
return result;
}

</script>
18 JS関数を呼び出す
1: <a href=”#” onClick=”functionName()”>Link text</a>
2: <a href=”javascript:functionName()”>Link text</a>
19ページの読み込みが完了したら関数を実行します.
<body onLoad=”functionName();”>
Body of the page
</body>
20条件判定
<script>

var userChoice = window.confirm(“Choose OK or Cancel”);
var result = (userChoice == true) ? “OK” : “Cancel”;
 document.write(result);

</script>
21サイクル指定
<script>

var myArray = new Array(3);
myArray[0] = “Item 0”;
myArray[1] = “Item 1”;
myArray[2] = “Item 2”;
 for (i = 0; i < myArray.length; i++) {
document.write(myArray + “
”); } </script>
22設定将来実行
<script>

function hello() {
window.alert(“Hello”);
}
window.setTimeout(“hello()”,5000);

</script>
23タイミング実行関数
<script>

function hello() {
window.alert(“Hello”);
window.setTimeout(“hello()”,5000);
}
window.setTimeout(“hello()”,5000);

</script>
24キャンセルタイミング実行
<script>

function hello() {
window.alert(“Hello”);
}
var myTimeout = window.setTimeout(“hello()”,5000);
window.clearTimeout(myTimeout);

</script>
25ページアンインストール時に関数を実行します.
<body onUnload=”functionName();”>
Body of the page
</body>