ホームページ >ウェブフロントエンド >jsチュートリアル >一般的な JavaScript メソッドのまとめ_JavaScript スキル
一般的な JavaScript メソッドのまとめ_JavaScript スキル
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 15:59:131093ブラウズ
1. JavaScript: HTML 出力を作成します
document.write("4a249f0d628e2318394fd9b75b4636b1これは見出しです473f0a7621bec819994bb5020d29372a");
document.write("e388a4556c0f65e1904146cc1a846beeこれは段落です94b3e26ee717c64999d7867364b1b4a3");
2. JavaScript: イベントに反応する
247ed3441f34b4891317cdcf2165625cここをクリック65281c5ac262bf6d81768915a4a77ac0
3. JavaScript: HTML コンテンツを変更します
x=document.getElementById("demo") //要素を検索
x.innerHTML="Hello JavaScript" // コンテンツを変更します
;
4. JavaScript: HTML 画像を変更する
element=document.getElementById('myimage')
element.src="../i/eg_bulboff.gif";
5. HTML スタイルを変更します
x=document.getElementById("demo") //要素を検索
x.style.color="#ff0000" //スタイルを変更します
6. JavaScript では大文字と小文字が区別されます。
JavaScript では大文字と小文字が区別されます。
JavaScript ステートメントを記述するときは、必ず大文字と小文字の切り替えをオフにしてください。
getElementById 関数と getElementbyID 関数は異なります。
同様に、変数 myVariable は MyVariable とは異なります。
7. ヒント: プログラミングの良い習慣は、コードの先頭で必要な変数を宣言することです。
8. 値 = 未定義
コンピューター プログラムでは、値のない変数が宣言されることがよくあります。値を指定せずに宣言された変数の値は、実際には未定義です。次のステートメントを実行すると、変数 carname の値は未定義になります:
var carname;
9. JavaScript オブジェクトを作成します
この例では、「person」という名前のオブジェクトを作成し、それに 4 つのプロパティを追加します。
person.firstname="ビル";
person.lastname="ゲイツ";
person.age=56;
person.eyecolor="blue";
10. JavaScript フォームの検証
次の関数は、ユーザーがフォームに必須（または必須）項目を入力したかどうかを確認するために使用されます。必須の場合、または必須フィールドが空の場合、警告ボックスがポップアップ表示され、関数の戻り値は false になります。それ以外の場合、関数の戻り値は true (データに問題がないことを意味します) になります。
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>