JavaScript ステートメント

JavaScript ステートメントはブラウザーにコマンドを送信します。ステートメントの目的は、ブラウザに何をすべきかを指示することです。

document.getElementById は

構文: oElement = document .getElementById (sID)

パラメータを使用します: sID -- 必須。弦。

戻り値: oElemen -- オブジェクト (要素)。

説明: 指定された id 属性値に基づいてオブジェクトを取得します。 id 属性値が sID と等しい最初のオブジェクトへの参照を返します。対応するオブジェクトがオブジェクトのグループである場合、グループ内の最初のオブジェクトが返されます。一致するオブジェクトがない場合は、 null を返します。

注: document.getElementById(" ") はオブジェクトを取得します。特定の値の代わりに「オブジェクト」を表示するには、.value を追加します。

詳細:

① document.getElementById は名前を取得しても id を見逃すことがあります。これは IE のバグであると言われています

② JavaScript での getElementbyId の使用
Web ページ内の要素には、それを取得するために id 属性が必要です<input type=textname="content" id="content"> などのこのメソッド

③ HTML タグを取得するには、主に 2 つの方法があります。1 つは ID 値を使用する方法、もう 1 つは name 属性を使用する方法です ( name 属性は主にフォームフォームに使用されます。)

注:

document.getElementById(" ") はオブジェクトを取得し、alert を使用すると、特定の値の代わりに

「object」が表示されます。値と長さがあります。属性を待って、.value を追加して特定の値を取得します。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "你好 summer";
    </script>
</body>
</html>

セミコロン ;セミコロンは JavaScript ステートメントを区切るために使用されます。

通常、各実行可能ステートメントの最後にセミコロンを追加します。

セミコロンのもう 1 つの使用法は、1 行に複数のステートメントを記述することです。

a = 5;

b = 6;c = a + b;

JavaScriptコード

JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落：
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo">一句问候</p>
    <div id="myDIV">一段话</div>
    <script>
    document.getElementById("demo").innerHTML="你好 summer";
    document.getElementById("myDIV").innerHTML="你最近过得怎么样?";
    </script>
</body>
</html>

JavaScript コードブロック

JavaScript はバッチで組み合わせることができます。

コードブロックは左中括弧で始まり、右中括弧で終わります。

コードブロックの機能は、一連のステートメントをまとめて実行することです。

この例では、タイトルと 2 つの段落を Web ページに出力します:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script>
    function myFunction(){
    document.getElementById("myPar").innerHTML="你好，世界！";
    document.getElementById("myDiv").innerHTML="这里要显示一句话。";
    }
    </script>
</head>
<body>
    <p id="myPar">替代</p>
    <div id="myDiv">覆盖</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
</body>
</html>

JavaScript ステートメント識別子

JavaScript ステートメントは通常、ステートメント識別子で始まり、ステートメントを実行します。

ステートメント識別子は予約されたキーワードであり、変数名として使用することはできません。

次の表は、JavaScript ステートメントの識別子 (キーワード) を示しています。 729px; カラー: rgb(51, 51, 51); フォントファミリー: "Open Sans"、"Helvetica Neue"、"Microsoft Yahei"、フォントサイズ: 12px;高さ: 通常; ホワイトスペース: 通常; 背景色: rgb(255, 255, 255);">

ステートメント

説明

catch ステートメントブロック、try ステートメントブロック中にエラーが発生した場合に catch ステートメントブロックを実行します。

continue ループ内の反復をスキップします。このステートメントブロック。

for 条件ステートメントが true の場合、コードブロックは配列またはオブジェクトのプロパティを走査するために使用されます。

function 関数を定義します

if ... else さまざまな条件に基づいてさまざまなアクションを実行するために使用されます

return 終了関数

switch さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。

throw (生成) エラー。

try はエラー処理を実装し、

var は条件文が true の場合に変数を宣言します。

JavaScriptでは大文字と小文字が区別されます。

JavaScriptステートメントを記述する際は、大文字小文字切り替えキーがOFFになっているかどうかにご注意ください。

関数 getElementById と getElementbyID は異なります。

同様に、変数 myVariable と MyVariable も異なります。

スペース

JavaScript は余分なスペースを無視します。スクリプトにスペースを追加すると、スクリプトが読みやすくなります。次の 2 行のコードは同等です:

var person="Hege";
var person = "Hege";

コード行を折り返す

文字列内でバックスラッシュを使用すると、コード行を折り返す。次の例は正しく表示されます:

document.write("Hello
world!");

ただし、次のように改行することはできません:

document.write
("Hello world!" );

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getAge(){ var age; age = document.getElementById("age_input").value; if ( age == "" ) { alert("请输入您的年龄！"); return false; } if ( age > 25 ) { alert("您的岁数大于 25 岁。"); } else if ( age < 25 ) { alert("您的岁数小于 25 岁。"); } else { alert("您的岁数等于 25 岁。"); } } </script> </head> <body> 您的年龄：<input type="text" id="age_input" /> <input type="button" onclick="getAge()" value="确定" /> </body> </html>

提出するリセットコード

自動運転