ホームページ > ウェブフロントエンド > jsチュートリアル > 一般的な JavaScript メソッドのまとめ_JavaScript スキル

一般的な JavaScript メソッドのまとめ_JavaScript スキル

WBOY
リリース: 2016-05-16 15:59:13
オリジナル
1072 人が閲覧しました

1. JavaScript: HTML 出力を作成します

コードをコピーします コードは次のとおりです:

document.write("

これは見出しです

");
document.write("

これは段落です

");

2. JavaScript: イベントに反応する

コードをコピーします コードは次のとおりです:


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=新しいオブジェクト();
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>
ログイン後にコピー
上記がこの記事の全内容です。皆さんに気に入っていただければ幸いです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート