JavaScript的学习之路---第五天

最新推荐文章于 2023-07-31 12:48:56 发布

weixin_45390009

最新推荐文章于 2023-07-31 12:48:56 发布

阅读量74

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45390009/article/details/108570424

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript 语句

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

实例1：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 语句(runoob.com)</title> 
</head>
<body>

<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 JavaScript";
</script>

</body>
</html>

在这里插入图片描述

分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。

实例2：

<!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>

在这里插入图片描述

一、JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。

实例3：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 代码(runoob.com)</title> 
</head>
<body>

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

</body>
</html>

在这里插入图片描述

二、JavaScript 代码块

JavaScript 可以分批地组合起来。代码块以左花括号开始，以右花括号结束。代码块的作用是一并地执行语句序列。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript 代码块(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>

在这里插入图片描述

三、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 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。

四、对代码行进行折行

可以在文本字符串中使用反斜杠对代码行进行换行。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>javascript对代码行进行折行(runoob.com)</title> 
</head>
<body>
<script>
document.write("你好 \
世界!");
</script>
</body>
</html>