购物车
登陆 / 注册
微信扫码登陆

推荐手册

JavaScript 语句

JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么
编辑:前端控 前端控 更新时间:2019-02-12 22:01:26

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 语句

JavaScript 语句是发给浏览器的命令。

这些命令的作用是告诉浏览器要做的事情。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "HTML中文网" :

实例

<script>
document.getElementById("demo").innerHTML = "HTML中文网";
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

实例:

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

以上实例也可以这么写:

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

注意:您也可能看到不带有分号的案例。 在 JavaScript 中,用分号来结束语句是可选的

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句。

本例向网页输出两个段落:

实例

<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出两个段落:

实例

function myFunction()
{
    document.getElementById("demo").innerHTML="你好Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 9.jpg

您将在稍后的章节学到更多有关函数的知识。

JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) 

语句描述
break 用于跳出循环。 
catch 语句块,在 try 语句块执行出错时执行 catch 语句块。
continue  跳过循环中的一个迭代。
do ... while 执行一个语句块,在条件语句为 true 时继续执行该语句块。
for  在条件语句为 true 时,可以将代码块执行指定的次数。
for ... in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
function 定义一个函数   
if ... else 用于基于不同的条件来执行不同的动作。
return 退出函数
switch用于基于不同的条件来执行不同的动作。
throw  抛出(生成)错误 。
try  实现错误处理,与 catch 一同使用。    
var  声明一个变量。   
while  当条件语句为 true 时,执行语句块。

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

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

对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("你好 \
世界!");

不过,您不能像这样折行:

document.write \ 
("你好世界!");

您知道吗?

JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号