JSエントリーコード集_基礎知識

Shanba の js チュートリアルを見たので、これは良いと思います。 適切な読書範囲: JavaScript について何も知らず、習得まであと一歩のところの人

基礎知識: HTML
JavaScript については以上です 1: 基礎知識

1 スクリプト ブロックを作成します

1:
2 スクリプト コードを非表示
1:

5 コメント スクリプト
1: // これこれはコメントです
2: document.write(“Hello”) // これはコメントです
3: /*
4: これはすべて
5: コメントです
6 : */

6 ブラウザへの出力
1: document.write(“Hello”);

7 変数の定義
1: var myVariable = “何らかの値”;

8 文字列追加
1: var myString = “String1” “String2”
9 文字列検索
1:

1: thisVar.replace ("Monday", "金曜日");

11 形式文字列

1:    

13 数组排序
1:    



14 分割文字符串

1:    



15 弹出警告情報

1:    



16 弹出确认框

1:    



17 定义関数数

1:    



18 调用JS関数数

1: リンクテキスト  
2: リンクテキスト   



19 在页面追加完了後実行関数数

1:   
2: ページの本文
3:    


20 条件判断

1:   
2:   
7:    



21 指定次数循環

1: <script>   <br>2: <!-- <br/>3: var myArray = new Array(3);   <br/>4: myArray[0] = 「アイテム0」;   <br/>5: myArray[1] = 「アイテム 1」;   <br/>6: myArray[2] = 「項目 2」;   <br/>7: for (i = 0; i < myArray.length; i ) { <br/>8: document.write(myArray[i] “<br>”);   <br>9: } <br>10: // -->   <br>11: </script>   



22 計画将来実行

1: <script>   <br>2: <!-- <br>3: 関数 hello() { <br>4: window.alert(“Hello”); <br>5: } <br>6: window.setTimeout("hello()",5000); // -->8: </script>



23 タイミング実行関数

1:
2: < ;!--
3: 関数 hello() {
4: window.alert(“Hello”)
5: window.setTimeout(“hello()”,5000); : }
7: window.setTimeout("hello()",5000);
8: // -->
9:



24 スケジュールされた実行をキャンセルします

1: <script> <br>2: <!-- <br/>3: function hello() { <br/>4: window.alert(“Hello "); <br/>5: } <br/>6: var myTimeout = window.setTimeout("hello()",5000); <br/>7: window.clearTimeout(myTimeout); <br/>8: // - -> ”> <br/>2: ページの本文 <br/>3: <br/><br/>JavaScript 2: ブラウザ出力 <br/><br/><br/>26 ドキュメントにアクセスオブジェクト <br/><br/>1: <br/>2: var myURL = document.URL <br/>3: window.alert(myURL); /script> <br><br><br><br>27 HTML を動的に出力します <br><br>1: <script language=”JavaScript”> ;このドキュメントに関する情報は次のとおりです:</p> ”); <br>3: document.write(“<ul>”); <br/>4: document.write(“<li>参照ドキュメント: " document.referrer "</li>"); <br>5: document.write("</p> <li>ドメイン: " document.domain "</li>"); <br>6: document.write ("<li>URL: " document.URL " </li>”); <br>7: document.write("</ul>"); <br>8: </script>


28 改行を出力します>
1: document.writeln(“a”);
2: document.writeln(“b”);



29出力日付

1:



30 日付のタイムゾーンを指定します

1:

HTML はステートレスだとまだ思いますか?

33 新しいドキュメント オブジェクトを開きます

1:



34 ページジャンプ

1:



35 Web ページの読み込み進行状況ウィンドウを追加

1: < ; html>
2:
3:
7:
9:

10:
11: < html> img src="/"image1.jpg"" name="myImage">
2: 幅< ;/ a>3:


37 画像の動的ロード

1:


38 単純な画像置換

1: <スクリプト言語= "JavaScript">
2: rollImage = 新しい画像;
3: rollImage.src = "rollImage1.jpg"; " image1.jpg";
6: onMouseOut="document.myImage.src =defaultImage.src;">
9:


39 画像をランダムに表示します

1:


40 関数数实现的画像置換

1:   
14: 15: onMouseOut=”document.myImage1.src = rollImage1[source].src;”>  
16:   
17:    


41 创建幻灯片

1:   
19:   
20:   
21:    


42 随机广告图片

1:    

JavaScript就这么回事4：表单


还是先继续写完JS就这么回事系列吧～
43 表单构成

1:

  
2:   
3:   
4: 最初の選択肢  
5: 第 2 の選択肢  
6:   
7:
8: 9:


44 form テキストボックスの内容

1:
2: 3:
4: テキスト フィールドをチェック

1:
2: テキストを入力します:
3 : テキストのコピー:
4:

5: テキスト フィールドをコピー


46 テキスト ボックス内の変更を検出

1: < ;form name=”myForm”>
2: テキストを入力します:
3: < ;/form>


47 選択した選択にアクセスします

1:

2: < select name=”mySelect” ;
3:
4:
5: < option value=”3 番目の選択”>3
6:
7:

8: 選択リストの確認


48 選択項目を動的に追加

1:

2:
3: 1
4 : 2
5:
7: 9:
10: テキストフィールド:
11:
12:


50 項目の確認

1 : function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(「リストから選択する必要があります。」);
4: return false; 🎜>6: true を返します。
7: }


51 フォームのアクションを動的に変更します

1:   
2: ユーザー名:
  
3: パスワード:
  
4: >  
5:   
6:   
7:    


52 使用画像按钮

1:

  
2: ユーザー名:
  
3: パスワード:
  
4:   
5:

  
6:


53 表单データの加密

1:   
18:

  
19: テキストを入力します:   
20:

   




JavaScript就这么回事5：窗口和框架


54 改变浏览器状態态栏文字提示

1: <スクリプト言語=”JavaScript”>  
2: window.status = 「新しい ステータス メッセージ」;  
3:    


55 弹出确认提示框

1:    


56 提案输入

1:    


57 打开一新窗口

1: //打开一个名はmyNewWindowの浏览器新窗口
2:    


58 設置新窗口の大小

1:


60 ツールバーとスクロールバーを表示するかどうか

1:


62 新しいドキュメントを現在のウィンドウにロードします

1: 新しいドキュメントを開く


63 ページのスクロール位置を設定します

1: < ;script language=”JavaScript”>
2: if (document.all) { //IE ブラウザの場合は、scrollTop 属性を使用します
3: document.body.scrollTop = 200; : } else { //NetScape ブラウザの場合 ブラウザは pageYOffset 属性を使用します
5: window.pageYOffset = 200;
6: }


64 IE の全画面ウィンドウ

1 : 全画面ウィンドウを開く< /a>


65 新しいウィンドウと親ウィンドウの操作

1:
4:
5: <フレーム名=”frame1 ” src="/”138a.html”>
6:
7:

このように、変数persistentVariableは両方で使用できます。 Frame1 と Frame2
70 フレームワーク コード ベース
上記のアイデアのいくつかによれば、非表示のフレーム ページをフレームセット全体のコード ベースとして使用できます

1:
2: <フレーム名=”codeFrame” src="/”140code.html”>
3: <フレーム名=”frame1” src="/ ”140a.html "">
4:
5: