4. JS財団(1)

JS:クライアントブラウザで実行されるクライアント側のスクリプト言語は、コンパイルせずに解析できます。
ユーザーとhtmlページ間の対話プロセスを強化し、html要素を制御し、ページに動的な効果を与えることができます
。1。基本的な使用法
構文:1。htmlと組み合わせる:
内部JS:ヘッドまたはボディ(ヘッドの前半で実行されます)、<script type = "" text / javascript>、alert( "xxxxxx")はリマインダー関数です
外部JS:設定a外部JSファイルの場合、行を使用する代わりに、<script src = "xx.JS" type = "" text / javascript(導入されたファイル形式)charset = "utf-8">
JS //を使用します。単一行のコメント、/ ** /は複数行のコメントであり、ネストされた
データタイプ(Webプロンプトに表示されるアラート(++ b)など)を使用しないでください:
元のデータタイプ:
1、番号:番号
2、文字列:string
3、boolean:boolean Type
4、null:空のオブジェクトの表現
5. undefined:undefined(割り当てのない変数、nullから進化)
参照データタイプ(オブジェクト)
オブジェクト
定義変数:varまたはlet
メソッド1を使用します。 var variable =初期化値(データタイプ)
2。varvariable; variable =初期化値(ステップバイステップ実行)
alert(typeof num)は、データタイプを表示できます
unary演算子:1つのオペランドのみを持つ演算子++(インクリメント、 ++ a = a +1)-+(正の符号)-(負の符号)
++は変数の前後で異なり、var b = 4
var c = ++ b
とvarc = b ++; 4は右から左に同​​じです。
オペランドが演算子に必要なタイプでない場合、JSは
リテラル変換に従って文字列を自動的に数値に変換します。NaNは数値ではない値です。
算術演算子:±* /
割り当て演算子:= + =-=
比較演算子:> <===(3つの等しい符号はすべて等しい)
比較により、tureまたはflaseの
タイプが異なることを示します。最初にタイプ変換を実行してから、
論理演算子を比較します。&& ||!(そしてそうでない
場合true && trueがtrueの場合
5最初に5をブール型に変換します!ブール変換タイプのtrue、0、またはNaNがfalse、ゼロ以外がtrue、文字列がブールに変換されます。ただし、空の文字列はfalse、その他はすべてtrue、null、および罰金が科せられている場合はfalse、オブジェクトはtrueです。ブール値に変換すると
5非二
項三項演算子:
条件式?式1:式2
式の結果がtrueの場合、式1を実行し、falseの場合、式2を実行します
。vara= 1
var b = 2
var c = a> b?100:200
は最後に偽あり、実行表示は200です。

フロー制御ステートメント:
1。判断構造ifステートメント
シングル:if(){}
2:if(){} else {}、括弧の内容がtrueの場合、最初の{}
複数を実行します:if(){} else if(){} else if(){} else if(){} else if(){} else {}(スコープ外の状況を防ぐために、ここにelseが追加されています)

2、选择结构  switch
switch(){case:。。case:。。case:。。}
如var  a=2
switch(a){case1:alert(1)case2:alert(2)case3:alert(3)}这种情况会显示所有选项
switch(a){case1:alert(1) break  case2:alert(2) break case3:alert(3) break  default:alert(‘111’)  break }
这种情况有 break 跳出,选到了就跳出,后面的default是为了防止出现范围外的情况,default不管放在哪都是最后一个执行

3、循环结构  for循环  while循环  do  while循环
while(条件表达式){循环体},循环体里加变量递增式子可以到一定数就结束循环
do {循环体} while(条件表达式)不管while是否满足,do至少执行一次,循环体里加变量递增式子可以到一定数就结束循环
for(初始化表达式;循环条件表达式;循环后的操作表达式){循环体}
如for(var c=0;c<3;c++){alert(‘aaa’)}
for循环嵌套
for(){for(){}}不断满足不断层层进入执行,这里会把里面的for全执行完再执行第二次的外面的for,
和python的for嵌套for一样结果执行次数会是两个for执行次数相乘
可以用来做九九乘法表,外层for控制’行‘,内层for控制’列‘,如:有时,内层for的循环条件表达式设b<=a,小于外层变量,受外层限制
document.write(a+“ * ”+b+“=”+(a*b)+“&nbsp”)写在循环体中,
document.write可以将小括号内容打印出来,alert是提示,这里的是另一种函数,这里的“&nbsp”作字符串但是有特殊字符会被JS解析成空格
小括号的在这属于字符串的拼接,为了打印九九乘法表,为了换行可以在外层for的{加一个document.write(“<br>”)}达到让内层for换行的效果

box.onmouseenterマウスインイベント(マウスをボックスに移動するとイベントが変更されます)
box.οnmοuseenter= function(){box.innerText =“ xxxx”}
box.onmouseleaveマウスアウトイベント
box.οnmοuseleave= function(){ box.innerText =“ xxxx”}
btn.onclickマウス設定イベント(ユーザーが設定したものはすべてユーザーのページに表示されます)
btn.οnclick= function(){var a = input1 [0] .value;
var b = input1 [ 1]
.value ; box.setAttribute( "style"、a + ":" + b(ここにstyleの属性:attribute value))}ここで、0と1は、属性と属性値を抽出するためのインデックス
変数ボックス= documentです。 getElementsByTagName( "div")[0]の後に0が続く場合は、最初の1つから開始することを意味し、マウスカーソルが何を表示するかを描画します。

アラートはポップアップボックス
コンソールからデータを印刷することです。ログはコンソールからデータを印刷することです。

おすすめ

転載: blog.csdn.net/qwe863226687/article/details/114015760