JavaScript 语句

JavaScript 语句

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

JavaScript 语句

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

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

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<h1>My web page</h1>
<p id="demo">This is a paragraph</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
</body>
</html>

分号 ;

分号用于分隔 JavaScript 语句。

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

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

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

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

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

本例向网页输出一个标题和两个段落:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">  
</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>

JavaScript 代码块

JavaScript 可以分批地组合起来。

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

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

本例向网页输出一个标题和两个段落:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">  
</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>

JavaScript 语句标识符

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

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

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

<table class="reference" "style="width: 100%" style="border: 0px; margin: 4px 0px; padding: 0px; width: 729px; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);">


语句                                           描述


break                                    用于跳出循环。    

catch    语句块,在 try 语句块执行出错时执行 catch 语句块。    

continue                            跳过循环中的一个迭代。    

do ... while      执行一个语句块,在条件语句为 true 时继续执行该语句块。    

for             在条件语句为 true 时,可以将代码块执行指定的次数。    

for ... in     用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。    

function                               定义一个函数    

if ... else                    用于基于不同的条件来执行不同的动作。    

return                               退出函数    

switch                        用于基于不同的条件来执行不同的动作。    

throw                       抛出(生成)错误 。    

try                              实现错误处理,与 catch 一同使用。    

var                                   声明一个变量。    

while                       当条件语句为 true 时,执行语句块。    

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

空格

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

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


对代码行进行折行

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

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

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

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


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>My web page</h1> <p id="demo">This is a paragraph</p> <script> document.getElementById("demo").innerHTML = "你好 Dolly"; </script> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JavaScript教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

Alway.以为

坚持学完把

7年前    添加回复 0

汪汪

左边排版有点乱的感觉啊

7年前    添加回复 0

check

看了本节的内容,大致了解了,先把基础部分的知识看完,在通过实例进行加深印象!

7年前    添加回复 0

大神,求带!

希望找些朋友一起交流互相提升

7年前    添加回复 0

如何让输出换行?

[最新 数据分析师 的回答] 如何让输出换行?-PHP中文网问答-如何让输出换行?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~