JavaScript 6. Statements

ghostwritten 2022-09-23 09:20:14 阅读数:512

javascriptstatements

JavaScript 6. 语句

在这里插入图片描述

1. 简介

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

document.getElementById("demo").innerHTML = "你好 Dolly";

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落.</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
</body>
</html>

输出:
在这里插入图片描述

2. 分号 ;

分号用于分隔 JavaScript 语句.

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

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

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

等于:

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>

输出:
在这里插入图片描述

3. JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列.

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

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

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>

输出:
在这里插入图片描述

4. JavaScript 代码块

JavaScript 可以分批地组合起来.

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

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

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

function myFunction()
{

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>

输出:
在这里插入图片描述
在这里插入图片描述

5. 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 时,执行语句块.

6. 空格

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

var person="runoob";
var person = "runoob";

7. 对代码行进行折行

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<script>
document.write("你好 \ 世界!");
</script>
</body>
</html>

输出:
在这里插入图片描述
知识点:JavaScript 是脚本语言,浏览器会在读取代码时,逐行地执行脚本代码.而对于传统编程来说,会在执行前对所有代码进行编译.

版权声明:本文为[ghostwritten]所创,转载请带上原文链接,感谢。 https://qdmana.com/2022/266/202209230915486001.html