JavaScript语句

﹏ヽ暗。殇╰゛Y 2021-11-23 23:58 327阅读 0赞

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。

<!DOCTYPE html>
    <html>
    <body>
    <h2>JavaScript 语句</h2>
    <p><b>JavaScript 程序</b> 是一系列由计算机执行的 <b>语句</b>。</p>
    <p id="demo"></p>
    <script>
    var x, y, z;  // 语句 1
    x = 22;        // 语句 2
    y = 11;        // 语句 3
    z = x + y;    // 语句 4
    document.getElementById("demo").innerHTML =
    "z 的值是" + z + "。";  
    </script>
    </body>
    </html>

![在这里插入图片描述][20190727093532497.png]

# **JavaScript 语句** #

JavaScript 语句由以下构成：

**值、运算符、表达式、关键词和注释。  
这条语句告诉浏览器在 id=“demo” 的 HTML 元素中输出 “Hello Kitty.”：**

![在这里插入图片描述][20190727095031870.png]

<!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript 语句</h2>
    
    <p>在 HTML 中，JavaScript 语句由浏览器执行。</p>
    
    <p id="demo"></p>
    
    <script>
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    </script>
    
    </body>

**注：**  
**大多数 JavaScript 程序都包含许多 JavaScript 语句。  
这些语句会按照它们被编写的顺序逐一执行。  
注释：JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。**

分号 ;  
分号分隔 JavaScript 语句。  
如果有分号分隔，允许在同一行写多条语句：

a = 5; b = 6; c = a + b;

# **JavaScript 行长度和折行** #

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。

如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符：

# **JavaScript 代码块** #

JavaScript 语句可以用花括号（\{…\}）组合在代码块中。

代码块的作用是定义一同执行的语句。

<!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript语句 </h2>
    <p>Javascript 代码块在 { 与 } 之间编写。。</p>
    
    <button type="button" onClick="myfunction()">点我</button>
    <p id="demo"></p>
    <p id="demo2"></p>
    <script>
    function myfunction(){
    	document.getElementById("demo").innerHTML="hello world";
    	document.getElementById("demo2").innerHTML="are you ok?"
    	}
    
    </script>
    
    </body>
    </html>

# **JavaScript 关键词** #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE3ODI3_size_16_color_FFFFFF_t_70]

js学习资料基本来源于w3school

[20190727093532497.png]: /images/20211122/fa4619e4e8984fcda2765df9d53e458d.png
[20190727095031870.png]: /images/20211122/40e2f45533f647a8a4d24b9871f9f16a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE3ODI3_size_16_color_FFFFFF_t_70]: /images/20211122/8d7050efa210415bbffb2b2bb1cade74.png