[js]HTML & JS

7603 ワード
JavaScript 生活コード js テキストリンク

JavaScript

  • ユーザーとインタラクティブexユーザーが夜間バージョンをクリックすると、
    • に置き換えられます.
  • ウェブページは一回表現して自分を変えることができなくて、JSは変えることができます!
  • JSはHTMLを制御する言語です:この特性はウェブページをもっと動態的に、もっと生き生きさせます!
    •   
     

    HTMLとJSの結合


     

    スクリプトタグ

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>hello</h1>
  <script>
    <!--출력 : 2-->
    document.write(1+1);
  </script>
  <!--출력 : 1+1-->
  1+1
  </script>
</body>
</html>

    HTMLは静的なので1+1は1+1のままです.
    JSはダイナミックなので2が出てきます.
    HTMLがJSであることを伝えるためにscript tagを使用
     

    ≪イベント｜Events｜ldap≫

    <input type="button" value="HI" onclick="alert('hi')">
<input type="text" onchange="alert('changed')">
<input type="text" onkeydown="alert('key down!')">

    Webブラウザでonclickイベントが発生した場合、JSはalert(「hi」)を発行する.
    イベント(onclick、onchange、...)12~20個くらい覚えています.
     

    Consol


    コンソールウィンドウを使用すると、ファイルを使用しなくてもJSを実行してデータを処理できます.
    alert('nagyeong').length
=> 경고창에 8이 뜬다!
    JSを勉強すると、すでにあるページから欲しいものを手に入れることができます!
    =>私の現実の問題も簡単に解決できます.
    GraphQLとApollo
    (java/java)パラメータとthis/Getter Setterメソッド