小白教程
所有教程
关于
Search
172.70.126.140
172.70.126.140
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript 语句”的源代码
本页内容
上一节:
JavaScript_语法
下一节:
JavaScript_注释
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript 语句}}[[Category:Javascript 教程|7]] = JavaScript 语句 = JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 == JavaScript 语句 == JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" : <sample title="" desc="" lang="html" hererun="1"> document.getElementById("demo").innerHTML = "你好 Dolly"; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h1>我的网页</h1> <p id="demo">我的第一个段落。</p> <script> document.getElementById("demo").innerHTML = "你好 Dolly"; </script> </body> </html> </run> == 分号 ; == 分号用于分隔 JavaScript 语句。 通常我们在每条可执行的语句结尾添加分号。 使用分号的另一用处是在一行中编写多条语句。 实例: <sample title="" desc="" lang="html" hererun="1"> a = 5; b = 6; c = a + b; </sample> 以上实例也可以这么写: <sample title="" desc="" lang="html" hererun="1"> a = 5; b = 6; c = a + b; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h1>我的网页</h1> <p id="demo1"></p> <p id="demo2"></p> <script> a = 1; b = 2; c = a + b; document.getElementById("demo1").innerHTML = c; x = 1; y = 2; z = x + y; document.getElementById("demo2").innerHTML = z; </script> </body> </html> </run> <blockquote>您也可能看到不带有分号的案例。 在 JavaScript 中,用分号来结束语句是可选的。</blockquote> == JavaScript 代码 == JavaScript 代码是 JavaScript 语句的序列。 浏览器按照编写顺序依次执行每条语句。 本例向网页输出一个标题和两个段落: <sample title="" desc="" lang="html" hererun="1"> document.getElementById("demo").innerHTML="你好 Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么样?"; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h1>我的 Web 页面</h1> <p id="demo">一个段落。</p> <div id="myDIV">一个 DIV。</div> <script> document.getElementById("demo").innerHTML="你好 Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么样?"; </script> </body> </html> </run> == JavaScript 代码块 == JavaScript 可以分批地组合起来。 代码块以左花括号开始,以右花括号结束。 代码块的作用是一并地执行语句序列。 本例向网页输出一个标题和两个段落: <sample title="" desc="" lang="html" hererun="1"> function myFunction() { document.getElementById("demo").innerHTML="你好Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么样?"; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h1>我的 Web 页面</h1> <p id="myPar">我是一个段落。</p> <div id="myDiv">我是一个div。</div> <p> <button type="button" onclick="myFunction()">点击这里</button> </p> <script> function myFunction(){ document.getElementById("myPar").innerHTML="你好世界!"; document.getElementById("myDiv").innerHTML="你最近怎么样?"; } </script> <p>当您点击上面的按钮时,两个元素会改变。</p> </body> </html> </run> 您将在稍后的章节学到更多有关函数的知识。 == JavaScript 语句标识符 == JavaScript 语句通常以一个 '''语句标识符''' 为开始,并执行该语句。 语句标识符是保留关键字不能作为变量名使用。 下表列出了 JavaScript 语句标识符 (关键字) : {| class="table table-striped table-hover" ! 语句 ! 描述 |- | break | 用于跳出循环。 |- | catch | 语句块,在 try 语句块执行出错时执行 catch 语句块。 |- | continue | 跳过循环中的一个迭代。 |- | do ... while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。 |- | for | 在条件语句为 true 时,可以将代码块执行指定的次数。 |- | for ... in | 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 |- | function | 定义一个函数 |- | if ... else | 用于基于不同的条件来执行不同的动作。 |- | return | 退出函数 |- | switch | 用于基于不同的条件来执行不同的动作。 |- | throw | 抛出(生成)错误 。 |- | try | 实现错误处理,与 catch 一同使用。 |- | var | 声明一个变量。 |- | while | 当条件语句为 true 时,执行语句块。 |} == 空格 == JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的: <pre> var person="xiaobai"; var person = "xiaobai"; </pre> == 对代码行进行折行 == 您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示: <sample title="" desc="" lang="html" hererun="1"> document.write("你好 \ 世界!"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> document.write("你好 \ 世界!"); </script> </body> </html> </run> 不过,您不能像这样折行: <pre>document.write \ ("你好世界!");</pre> '''知识点:'''JavaScript 是脚本语言,浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
返回至“
JavaScript 语句
”。
上一节:
JavaScript_语法
下一节:
JavaScript_注释