ホームページ  >  記事  >  ウェブフロントエンド  >  jsの使い方と機能まとめ_javascriptスキル

jsの使い方と機能まとめ_javascriptスキル

PHP中文网
PHP中文网オリジナル
2016-05-16 18:53:001170ブラウズ

js の使用方法の概要は、初心者にもベテランにも役立ちます。

1 スクリプト ブロックを作成します
1:
2 隠しスクリプト コード 1:
JavaScript をサポートしていないブラウザでは、関連するコードは実行されません

3 ブラウザがサポートしていない場合に表示されます
1:

4 外部スクリプト ファイルへのリンク>
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:
2: < 🎜>3: var myArray = 新しい Array(5);
4: myArray[0] = "z";
5: myArray[1] = "c"; = "d";
7: myArray[3] = "a";
8: myArray[4] = "q";
10: // -->
11:
14 分割文字列
1:

1: <スクリプト言語 =" ">
2: 5: ;

16 ポップアップ確認ボックス

1:
17 関数を定義します
1: 40 関数によって実装された画像置換

1: 19:
20:
21:
42 随机广告图片
1:

43 表单构成
1:


2:
3:
7:

8:
9:

44 访问表单中の文本の内容
1:

2:
3:

4: テキスト フィールドをチェック
45 アニメーション态复制文本框内容
1:

2: テキストを入力します:

3: テキストをコピー:
4:

5: テキスト フィールドをコピー
46 侦测文本框の変更
1:

2: テキストを入力します:
3:

47 入力中の選択
1:

2:
7:

8: 選択リストの確認
48 アニメーション态增加選択项
1:

2:
6:

7:
8: document.myForm.mySelect.length ;
9: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3";
10: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “第 3 の選択”;
11:
49 验证表单字段
1:
9: <フォーム名="myForm" アクション="target.html">
10: テキスト フィールド:
11:

12:
50 验证Select项
1: function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(“あなたリストから選択する必要があります。");
4: false を返します。
5: }
6: true を返します。
7: }
51 自動変更表のアクション
1:

2: ユーザー名:

3: パスワード:

4:
5:
6:
7:

52 画像按钮を使用します
1:

2: ユーザー名:

3: パスワード:

4:
5:

6:
53 表单データの加密
1:
18: <フォーム名='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'>
19: テキストを入力します:
20:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。