ホームページ > 記事 > ウェブフロントエンド > 初心者向けのjs構文の基礎の紹介
ajaxの普及に伴い、jsが大きな注目を集めています。jsの最大の利点は、タグ要素の作成や要素の属性の変更など、html上のあらゆる要素を操作できることです。これにより、jsを使用して目的を達成することができます。ユーザーに強力なインタラクティブ性を提供する多くの動的効果!
Js テスト方法
Javascript スクリプトをデバッグするときに、エラーがある場合、IE のステータス バーに疑問符が表示されます [この疑問符をクリックしてください]、またはエラー ボックスが表示される場合は、できるだけ早くエラーを見つけるために、次のようなデバッグ方法が一般的に使用されます: どの項目も js の小さなスキルですが、非常に実用的です。 1.document.write(""); 出力ステートメント
1. オブジェクトが null であるか、オブジェクトが見つからない場合は、ID、名前が見つからないことを意味します。
2. エラーが関数の呼び出しにある場合は、関数本体に問題があることを意味します。体。
3. 高速化するには、まず /* */ コメントを使用してコードの一部をブロックし、段階的にチェックします。
4. 変数が正しいかどうかを確認するには、alert(xxx) を追加します。は期待値です;
5 . IE エラー レポートは多くの場合不正確です。たとえば、18 行目が間違っている場合、コードが正しく実行されることを確認するために 19 行目に問題がある場合があります。エラーが発生したかどうか本当にわからない場合は、try{ を使用してください。 }catch{} ステートメントは他のメソッドを実行しています。引き続き追加してください。
<script>
try{
x=y; // Cause an error.
}
catch(e){ // Create local variable e.
alert(e); // Prints "[object Error]".
alert(e.number & 0xFFFF); // Prints 5009.
alert(e.description); // Prints "'y' is undefined".
}
</script>
2. JS のコメントは //
3. 従来の HTML ドキュメントのシーケンスは次のとおりです: document->html->(head,body)
4.ブラウザ ウィンドウ内の DOM 順序は次のとおりです: window->(navigator, screen, History, location, document) 5. 次の形式で要素の名前と値を取得します。 document.getElementById ("要素の ID 番号form") .name (または value)
6. 小文字から大文字の JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.Value の入力JS :String,Number,Boolean,Object,Function
8. JS の文字型を数値型に変換する: parseInt()、parseFloat()
9. JS の数値を文字型に変換する: (""+variable)
10. JS の文字列の長さは次のとおりです: (長さ)
11. JS の文字は、+ 記号を使用して文字に接続されます: == 等しい、!= 等しくない、>。 ,>=,<.>13. JS で変数を宣言するには var を使用します
14. JS の判定文の構造: if(condition){}else{}
15.JS ループの構造: for( [初期式];[条件];[更新式]) {ループ内}
16. ループを終了するコマンドは次のとおりです:break
17. JS での関数定義: function functionName([parameter], ...){ステートメント[s]}
18. ファイルに複数のフォームが含まれる場合は、代わりに document.forms[0]、document.forms[1] を使用できます。
19. ウィンドウ: ウィンドウ open() を開き、ウィンドウを閉じます。 : window.close()、ウィンドウ自体: self
20. ステータス バーの設定: window.status="character";
21. ポップアップ プロンプト メッセージ: window.alert("character");確認ボックス: window.confirm();
23. 入力プロンプト ボックスを表示します: window.prompt();
24. 現在表示されているリンクの場所を指定します: window.location.href="URL"
25.フォーム内のすべてのフォームの数を取り出します: document.forms.length
26. ドキュメントの出力ストリームを閉じます: document.close();
27. 文字列追加コネクタ: +=
28. : document.createElement()、document.createTextNode()
29. 要素を取得するメソッド: document.getElementById()
30. フォーム内のすべてのテキスト メンバーの値を空に設定します:
var form = window.document。 Forms[0]
for (var i = 0; i if (form.elements.type == "text"){
form.elements.value = "";
}
}
31. チェックボタンがJS で選択されたもの: document.forms[0].checkThis.checked (checked 属性は TRUE か FALSE が返されるかを表します)
32. ラジオ ボタン グループ (ラジオ ボタンの名前は同じである必要があります):ラジオ ボタン グループ document.forms[0].groupName.length
33. Checked は、ラジオ ボタン グループが選択されているかどうかを判断するためにも使用されます。
34. ドロップダウン リスト ボックスの値: document.forms[0]。 selectName.options[n].value (n は、選択された値を決定するために、リスト ボックス名に .selectedIndex を追加するドロップダウンを使用することがあります)
35. 文字列の定義: var myString = new String("This is Lightsword");
36. 文字列を大文字に変換します: string.toUpperCase(); 文字列を小文字に変換します: string.toLowerCase();
37. 文字列 1 内で文字列 2 が出現する位置を返します: String1.indexOf("String2")!=- 1 は見つからないことを意味します。
38. 文字列内の指定された位置にある文字 A を取得します: StringA.charAt(9);
39. 文字列内の指定された開始点と終了点にある部分文字列を削除します: stringA.substring( 2,6);
40. 数学関数: Math.PI( pi を返す)、Math.SQRT2 (平方根を返す)、Math.max(value1, value2) は 2 つの数値の最も重要な値 Math.pow を返します。 (value1,10) は value1 の 10 乗を返します。Math.round( value1) 丸め関数、Math.floor(Math.random()*(n+1)) は乱数を返します。日付変数 var today を定義します。 = new Date();
42. 日付関数リスト: dateObj.getTime () は時刻を取得し、dateObj.get Year() は年を取得し、dateObj.getFull Year() は 4 桁の年を取得し、dateObj.getMonth() は月、dateObj.getDate() は日を取得、dateObj.getDay() は日付を取得、dateObj .getHours() は時間を取得、dateObj.getMinutes() は分を取得、dateObj.getSeconds() は秒を取得、dateObj.setTime (value) は時間を設定し、dateObj.set Year(val) は年を設定し、dateObj.setMonth(val) は月を設定し、dateObj.setDate(val) は日を設定し、dateObj.setDay(val) は曜日を設定します。 dateObj.setHours は時間を設定し、dateObj.setMinutes(val) は分を設定し、dateObj.setSeconds(val) は秒を設定します [注: この日付と時刻は 0 から始まりカウントを開始します]
43.FRAME 表現: [window.]frames [n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parentは親オブジェクトを表し、topは最上位のオブジェクトを表します
45 子ウィンドウを開く親ウィンドウはopener
46であることを示します。現在の場所: this
47. ハイパーリンクで JS 関数を呼び出すときは、(javascript:) を使用して関数名を追加します
48。古いブラウザでは、この JS はサーバーで実行されません:
49. ファイル形式の JS を参照します:50. スクリプトをサポートしていないブラウザで表示される HTML を指定します:
51. ハイパーリンクと ONCLICK イベントの両方がある場合、古いバージョンのブラウザは a.html にリダイレクトされます。例: dfsadf
52.JS の組み込みオブジェクト: Array、Boolean、Date、Error、EvalError、Function、Math、Number、Object、RangeError、ReferenceError、RegExp、String、SyntaxError、TypeError、 URIError
53.JS 改行: n
54。ウィンドウの全画面サイズ:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen。 availHeight;}window.maximize =fullScreen;</script>
55.JS の all は、その下のすべての要素を表します
56.JS のフォーカス順序: document.getElementByid("Form Element").tabIndex = 1
57. innerHTML の値は form 要素の値です: If、innerHTML の値は次のとおりです: お元気ですか
58。 innerTEXT の値は、この種のマークが表示されないことを除いて、上記と同じです
59。 contentEditable は要素を変更できるかどうかを設定でき、isContentEditable はステータスを変更できるかどうかを返します。
60.isDisabled は禁止状態かどうかを決定します。disabled は禁止状態を設定します。
61.length は長さを取得し、整数値を返します。 .addBehavior() は JS によって呼び出される外部関数ファイルであり、その拡張子です。 For .htc
63.window.focus() は現在のウィンドウをすべてのウィンドウの前面に置きます。
64.blur() は FOCUS( とは逆にフォーカスを失うことを意味します。 ).
65.select() は要素が選択されていることを意味します。
66 .ユーザーがテキスト ボックスにテキストを入力できないようにします: onfocus="this.blur()"
67 ページ上のこの要素の出現数を取得します。 : document.all.tags("p (または他の HTML タグ)"). length
68。JS でのフォーム出力には、モーダルと非モーダルの 2 種類があります。window.showModaldialog()、window.showModeless()
69. ステータスバーのテキスト設定: window.status='text'、デフォルトのステータスバーのテキスト設定: window.defaultStatus = 'Text.';
70. お気に入りに追加: external.AddFavorite("http://www.dannyg. com","jaskdlf");
71.JS で発生するスクリプト エラーが発生したときに何もしない: window.onerror = doNothing; エラー ハンドルを指定するための構文は次のとおりです: window.onerror = handleError;
72. 親ウィンドウを指定しますJS で現在開いているウィンドウの内容: window.opener、opener.opener をサポートします。
73.JS の Self は現在のウィンドウを参照します
74.JS のステータス バーに表示される内容: window.status JS の ="content"
75.top は、フレーム セットの最上位を指します。 フレームワーク
76.JS は、現在のウィンドウを閉じます: window.close();
77.JS は、確認ボックスを表示します: if(confirm("よろしいですか?")){alert("ok");} else{alert("Not Ok");}
78.JS でのウィンドウ リダイレクト: window.navigate("http://www.sina.com. cn");
79.JS の Print: window.print()
80.JS のプロンプト入力ボックス: window.prompt("message","defaultReply");
81.JS のウィンドウ スクロール バー: window.scroll (x,y)
82.JS ウィンドウは次の位置までスクロールします: window.scrollby
83.JS で時間間隔を設定します: setInterval("expr",msecDelay) または setInterval(funcRef,msecDelay) または setTimeout
84。 IE4+ 行、NN での JS モーダル表示: showModalDialog("URL"[,arguments][,features]);
85. JS で終了する前に使用されるハンドル: function verifyClose(){event.returnValue="とても気に入っています。 ";}} window.onbeforeunload=verifyClose;
86. フォームが初めて呼び出されるときに使用されるファイル ハンドル: onload()
87. フォームが閉じられるときに呼び出されるファイル ハンドル: onunload()
88.window。場所の属性: プロトコル(http:)、ホスト名(www.example.com)、ポート(80)、ホスト(www.example.com:80)、パス名("/a/a .html"),hash(" #giantGizmo"、対応するアンカーへのジャンプを指します)、href (すべての情報)
89.window.location.reload() は現在のページを更新します。
90.window.history.back( ) 前のページに戻ります。 window .history.forward() は次のページを返します。 window.history.go (ページに戻ります。訪問した URL も使用できます)
91.document.write() は改行なしで出力します。 、 document.writeln() 改行付きの出力
92.document.body.noWrap=true; 変数名.charAt (数値)、変数の文字を取得します。 ".charCodeAt (数字)、どの文字の ASCii コード値を返します。
95. 文字列接続: string.concat(string2)、または += を使用して接続します
96. Variable.indexOf("Character", 開始位置) 、最初の出現の位置を返します (0 から計算されます)
97.string.lastIndexOf(searchString[,startIndex]) 最後の出現の位置
98.string.match(regExpression)、文字が一致するかどうかを判断します。 99. string.replace(regExpression,replaceString) は、既存の文字列を置き換えます。
100.string.split (separator) は、値を格納する配列を返します。
101.string.substr(start[,length]) は、指定された数値を指定された文字列の長さにします。
102.string.toLowerCase() はすべての文字を小文字にします。
104.parseInt(string[,radix(を表します) Base) ]) は整数型に強制的に変換されます。
105.parseFloat(string[,radix]) は浮動小数点型に強制的に変換されます。
106.isNaN (変数): 数値かどうかをテストします。 type.
107.定数を定義するためのキーワード: const 、変数を定義するためのキーワード: var
有用的js程序代码:
//去左空格; function ltrim(s){ return s.replace( /^\s*/, ""); } //去右空格; function rtrim(s){ return s.replace( /\s*$/, ""); } //左右空格; function trim(s){ return rtrim(ltrim(s)); } //检查非法字符 //str 要检查的字符 //badwords 非法字符 &|<>= function checkbadwords(str, badwords) { if (typeof (str) != "string" || typeof (badwords) != "string") { return (false); } for (i=0; i bad = badwords.charAt(i); for (j=0; j if (bad == str.charAt(j)) { return false; break; } } } return true; } //检查合法字符,限制只能输入的字符 //str 要检查的字符 //goodwords 合法字符 1234567890abcdefghijklmnopqrstuvwxyz function checkgoodwords(str, goodwords) { if (typeof (str) != "string" || typeof (goodwords) != "string") { return (false); } for (i=0; i this_str = str.charAt(i); for (j=0; j if (this_str == goodwords.charAt(j)) { break; } if(j==goodwords.length-1){ return false; } } } return true; }
//函 数 名:chkinteger //功能介绍:检查是否为数字 //参数说明:要检查的字符串 //返 回 值:false:不是 true:是 function chkinteger(checkStr) { var checkOK = "0123456789+-"; var allValid = true; for (i=0; i ch = checkStr.charAt(i); if (checkOK.indexOf(ch) == -1) { allValid = false; break; } if ((ch == '+' || ch == '-') && i>0) { allValid = false; break; } } return (allValid); } //函 数 名:chklength //功能介绍:检查字符串的长度 //参数说明:要检查的字符串 //返 回 值:字节长度值 function chklength(checkStr) { var n = 0; for (i=0; i chcode = checkStr.charCodeAt(i); if (chcode>=0 && chcode<=255) { n++; } else { n += 2; } } return (n); }
以上就是js入门基础编程的全部内容了,感谢大家的阅读!
以上が初心者向けのjs構文の基礎の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。