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