生活コードjavascript 3-4 scriptとeventについて

2443 ワード

JAvascriptはhtml上で操作する言語です
htmlというコンピュータ言語では、
JavaScriptの適用方法を学習します!

1スクリプトタグ


JavaScriptはhtmlのコードから始まることを示すコードです.

jsはscriptラベルの内部に現れるからです.
Webブラウザはscriptラベルのコードをjsと解釈します
document.write(); - jsコード、Webページに文字を印刷する

2 JavaScriptとhtmlの違い



jsとhtmlの違いを知りたいかもしれません
この場合,1+1をそれぞれ検索して結果値を確認するだけでよい.
jsは、数字1と1を加算して2を生成し、画面に出力します.
htmlは静的なので、そのまま文字を表示するしかありません

3つのボタンを作成


<input type="button" value="hi">
Inputコードを使用してボタンを作成します.
字を書きたい場合はvalue属性の値を加えることができます.

4警告ウィンドウの作成



javascript alertで検索するとコードが表示されますので、これを参考に使ってください.
onclick="alert('hi')"
警告ウィンドウを作成しました!

5アクティビティ


上記の例ではonclickというプロパティを使用しています.
これは特別な属性です
onclickプロパティの値は
jsは来るべきだ
また、onclickプロパティの値はWebブラウザで覚えます.
クリック時の記憶中のjsコードをjs構文で解釈
上記のようにWebブラウザが動作します
このようにWebブラウザ上で起こることをイベント,イベント(event)と呼ぶ.
Webブラウザで発生する可能性のあるイベントを理解します.

typeをtextに変えると、字が書けるようになります

🔥onchange-コンテンツが変化したときのイベントを検出します.
セルに字を書き、カーソルをセルから移動するとonchangeアクティビティが実行されます.


🔥onkeydown-キーを押すとイベントが発生します