Webページを描く私たちとはさよならして、正式にjsの学習に入ります. 実はまだ始まったばかりで、少し難しいと感じています.
JavaScript とは何ですか?
JavaScript は、ecmascript (標準)、bom (ブラウザー オブジェクト)、および dom (要素オブジェクト) で構成されるオブジェクト ベースのイベント駆動型スクリプト言語です。
そして今日は ecmascript (標準) について学びましょう!
ECMAScript は構文標準です
構文、変数とデータ型、演算子、論理制御ステートメント、キーワード、予約語、オブジェクトが含まれます
1. 使い方
1.ビルトイン
<body>
<script type="text/javascript">
/* 在文档中写入 */
document.write('kw52初学javascript')
/* 可以加上标签 */
document.write('<h1>kw52初学javascript</h1>')
</script>
</body>
2. js を外部インポートする
<body>
<!-- 外部引入js -->
<script src="./js/1.js" type="text/javascript"></script>
</body>
3. js を html で直接使用する
<body>
<!-- 直接在html中使用js -->
<!-- ★使用按钮点击 执行document.write 会把页面上其他的内容覆盖 -->
<input type="button" value="点我" onclick="javascript:document.write('<h1>你好</h1>')">
<!-- alert('输入弹出的内容') 弹出框 -->
<input type="button" value="点我看看" onclick="javascript:alert('欢迎光临')">
</body>
<script>…</script> はドキュメントのどこにでも含めることができます。
★使用する前に、これらのコードが読み取られ、メモリにロードされていることを確認してください。
二、js変数
変数を宣言するには、キーワードvarを使用します
1. 最初に変数を宣言してから値を割り当てる
<body>
<script>
var width //width只是名字,想起什么名字都可以
width = 100
alert(width)
</script>
</body>
2. 変数の宣言と代入を同時に行う
<body>
<script>
var width = 100
document.write(width)
</script>
</body>
3.記号を使用して割り当てを同時に宣言します
☆最後の1つだけ代入可能、前の変数は初期値未定義
<body>
<script>
var width,height = 100
alert(width) //undefined
alert(height) //100
// undefined(初始值)
</script>
</body>
4. 無申告、直接譲渡
☆幅変数をグローバル変数に変えます
<body>
<script>
width = 100
document.write(width)
</script>
</body>
3. データ型
JS は、変数のデータ型を検出するための typeof 演算子を提供します
使用例: typeof age または typeof(age)
+ 記号の追加はスプライシングを表す場合があります。
1、未定義
変数 a には初期値がなく、未定義が割り当てられます
<body>
<script>
var a;
document.write(a);
</script>
</body>
2、ヌル
未定義の値と等しい空の値を表します
typeof null ==> object (歴史から残された問題)
比較値が等しいかどうかを示します
<body>
<script>
var age = null;
// document.write(age);
document.write(null==undefined)
</script>
</body>
3.数値デジタル式
整数と浮動小数点数に分割(小数点あり)
<body>
<script>
var scorel1 = 90; //整数
var scorel2 = 95.5; //浮点数
document.write(scorel1 + '<br>')
document.write(scorel2 + '<br>')
document.write(typeof scorel1)
</script>
</body>
4、雄牛の賃金
ブール値: true および false
true は等しいことを意味します
false は等しくないことを意味します
5.ひもひも
引用符で囲まれたテキスト (一重または二重)
6、シンボル
es6 新しいタイプのシンボル
一意の番号を表します (自分自身でない限り、どの番号とも等しくありません)