JavaScriptの始まりをまとめる第2歩:HTMLとJSの出会い
4896 ワード
1月7日受講LIST
今日のアレンジ
3.HTMLとJSの出会い:scriptタグ
JavascriptはHTMLの上で働く言語です.では、どのようにして2つの異なる言語を統合しますか?
今ここに スクリプトラベルが必要です
<body>
<script>
document.write('hello, world!');
</script>
</body>
考える1)HTMLコードはどのような場合に使うのか、JavaScriptコードはどのような場合に使うのがよいのか.
私の答えは、インタラクションや変更が必要な値やデータを表すときにJavaScriptを使い、特に変更が必要ない値やデータを表すときにHTMLを使います.
4.HTMLとJSの出会い:イベント
Webブラウザで発生したイベント. イベント(Event)と呼ばれます.このレッスンでは、onclickプロパティとonchangeプロパティについて学習しました.
onclickは、onclick属性を含むタグがクリックされたときにJavaScriptコードが実行される属性です.
onchangeは、onchangeプロパティを含む入力ウィンドウでキーボードでコンテンツをタップし、エンティティをタップするとJavaScriptコードが実行されるプロパティです.
このほか、10~20種類のアクティビティが存在します.使用 インタラクティブなWebサイトを作成できます.
これらの多様な活動をすべて暗記することはできませんか?エンコード中に必要なアクティビティはgooglingで簡単に検索できます.たとえば、キーボードを押したイベントを知りたい場合は、Googleで「JavaScriptキーストロークイベント」を検索してonkeydownというイベントを検索します.
考える
1)ボタンの上にマウスを置くと警告ウィンドウが表示されるサイトを想像してみてください.どの活動を利用すればよいかを知る.(ヒント:javascript mouseover eventを検索!)
https://sas-study.tistory.com/141
上のサイトの記事を参考に質問に答えました.
<li onmouseover="alert('hi')"><a href="3.html">JavaScript</a></li>
5.HTMLとJSの組み合わせ:コンソール
最初のレッスンで行ったように、Webブラウザで「右クリック」>「チェック」をクリックし、ポップアップウィンドウをよく見ると、「コンソール」というタブが表示されます.このコンソールを使用して、 JavaScriptを実行することで、この問題を簡単に解決できます.
Tip
開発者ツールを開いた場合、escを押すと要素ウィンドウとコンソールウィンドウを同時に表示できます.
コンソールウィンドウに入力したJSコードは上矢印キーを押すことで見つけることができ、コピーして貼る必要はありません.
考える
1)現在のページで、コンソールを使用して「思考」警告ウィンドウを開きます.
6.データ型(文字列と数字)
Javascriptのデータ型
コンピュータプログラミングでは、大量のデータを処理することが重要であり、特にデータを分類する.では、Javascriptにはどのようなデータ型がありますか?
おおよそ6種類 データ型はありますが、このレッスンでは、 文字列と 数字(Number)を勉強しました.
数値(Number):4つの演算を使用して数値データ型を計算できます.
String:文字列は引用符で始まり、引用符で終わります.
単一引用符で始まり、単一引用符で終わります. 引用符で始まり、引用符で終わります.文字列でよく使われる演算にはlengthがあります.文字列の後ろ.lengthを貼り付けて入力すると、文字列の長さが求められます.
データ型の重要性
では、先ほど数値データ型で見た演算を文字列に適用します.次のコードを実行するとどうなりますか?
"1"+"1"
ここで、「1」は引用符を含む文字列です.このとき、このコードの実行値は「11」です.つまり. 文字列か数字かによって、演算の結果が大きく異なる場合があります.
考える
1)1+2を計算して「1」+「2」を計算した場合の結果は?なぜこのような違いが生じるのでしょうか.
1+2の値は3です.数字からもう一つの値が出力されるからです.「1」+「2」の値は「12」です.これは単純な文字接続の結果だからです.「ㄱ」+「ㄴ」と「ㄱ」は同じです.
Reference
この問題について(JavaScriptの始まりをまとめる第2歩:HTMLとJSの出会い), 我々は、より多くの情報をここで見つけました https://velog.io/@jylee9937/자바스크립트의-시작-1월7일-2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol