JavaScript 学习笔记之语句（javascript语句大全）

25-02-02 20

在本文中，我们将详细介绍JavaScript学习笔记之语句的各个方面，并为您提供关于javascript语句大全的相关解答，同时，我们也将为您带来关于JavaScript学习笔记之DOM事件流、Jav

在本文中，我们将详细介绍JavaScript 学习笔记之语句的各个方面，并为您提供关于javascript语句大全的相关解答，同时，我们也将为您带来关于JavaScript 学习笔记之 DOM 事件流、JavaScript 学习笔记之操作符、JavaScript 学习笔记之操作符（续）、JavaScript 学习笔记之数据类型的有用知识。

本文目录一览：

JavaScript 学习笔记之语句（javascript语句大全）
JavaScript 学习笔记之 DOM 事件流
JavaScript 学习笔记之操作符
JavaScript 学习笔记之操作符（续）
JavaScript 学习笔记之数据类型

JavaScript 学习笔记之语句（javascript语句大全）

一、条件分支语句：if

基本格式：

if (<表达式1>){
    <语句组1>
}else if (<表达式2>){
    <语句组2>
}else{
    <语句组3>
}

执行流程：

二、循环语句

2.1前测试循环语句：在循环体内的代码被执行之前就对出口条件求值。

2.1.1while语句

基本格式：

do {
<语句组>
} while (<表达式>)

执行流程：

2.1.2 for语句

基本格式：
for (<初始表达式>；<条件表达式>；<变动量表达式>){
<语句组>
}

执行流程：

2.2后测试循环语句：在循环体中的代码被执行之后才会测试出口条件。

2.2.1、do-while语句

基本格式：

do {
<语句组>
} while (<表达式>) ；

执行流程：

三、精准的迭代语句：for-in

基本格式：
for ( 属性 in 对象 ){
<语句组>
}

作用：重复执行指定对象的所有属性，可以用来枚举对象的属性。

例子：

复制代码代码如下:

<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

如果要表示的对象为null或者undefined，循环体将不再执行，或者抛出错误，因此，在执行for-in循环时，应该先检测改对象的属性值是不是null或者undefined。

四、Lable语句

基本语法：

Label: <语句组>

如： begin: for (var i = 0; i < 10 ; i++ ){
alert(i);
}
举例说明lable语句的作用：
未加lable：

复制代码代码如下:

加入lable：

复制代码代码如下:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="Click Me" onclick="alert(value)"> </body> <script> function(){ with(document){ with(this){ } } } </script> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script> function showMessage(){ alert("Hello world!"); } </script> <body> <input type="button" value="click me" onclick="showMessage()"> </body> <script> </script> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="click me" id="myBtn"> </body> <script> var btn = document.getElementById("myBtn"); btn.addEventListener("click",function(){ alert("aaa") },false); //false表示在冒泡阶段调用事件处理程序，true表示在捕获阶段调用事件处理程序 btn.addEventListener("click",function(){ alert("Hello world"); },false); </script> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="click me" id="myBtn"> </body> <script> var btn = document.getElementById("myBtn"); var handler = function(){ alert(this.id); } btn.addEventListener("click",handler,false); //重写后可以说明使用的是相同的函数，此时可以移除事件 btn.removeEventListener("click",handler,false); </script> </html>