JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
简单举例,更加的实体化了解。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript语句</title>
</head>
<body>
<h1>示例介绍</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 everyone";
</script>
</body>
</html>
页面的输出结果为:
㈠分号 “;”
⑴分号用于分隔 JavaScript 语句。
⑵通常我们在每条可执行的语句结尾添加分号。
⑶使用分号的另一用处是在一行中编写多条语句。
⑷两种写法:
第一种:
a = 8;
b = 6;
c = a + b;
第二种:
a = 5; b = 6; c = a + b;
㈡JavaScript 代码
⑴JavaScript 代码是 JavaScript 语句的序列。
⑵浏览器按照编写顺序依次执行每条语句。
⑶本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript代码</title>
</head>
<body>
<h1>示例介绍</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="举头望明月";
document.getElementById("myDIV").innerHTML="低头思故乡";
</script>
</body>
</html>
页面的输出结果为:
㈢JavaScript 代码块
⑴JavaScript 可以分批地组合起来。
⑵代码块以左花括号开始,以右花括号结束。
⑶代码块的作用是一并地执行语句序列。
⑷本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码块</title>
</head>
<body>
<h1>代码块示例</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 语句标识符 (关键字) :
㈤空格
JavaScript 会忽略多余的空格。可以向脚本添加空格,来提高其可读性。
下面的两行代码是等效的:
var person="Hege";
var person = "Hege";
㈥对代码行进行折行
可以在文本字符串中使用反斜杠对代码行进行换行。
下面的例子会正确地显示:
document.write("正确 \
示范!");
不过,不能像这样折行:
document.write \
("错误示范!");
You Know!!!
JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。