三、JavaScript语句

最新推荐文章于 2022-05-29 20:37:39 发布

Algerjian

最新推荐文章于 2022-05-29 20:37:39 发布

阅读量377

点赞数

分类专栏： JavaScript学习笔记文章标签： javascript web前端学习笔记 html 编程语言

本文链接：https://blog.csdn.net/algerjian/article/details/49999125

版权

JavaScript学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

三、JavaScript语句：其语句是向浏览器发出的命令。作用是高速浏览器该做什么。
例如：JavaScript语句向id="demo"的html元素输出文本"你好Alger"。
<!DOCTYPE html>
<html>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Alger.";
</script>
</body>
</html>

1、分号，用于分割JavaScript语句，通常在每条执行语句的结尾添加分号；其另一作用是一行中编写多条语句。（用分号结束语句是可选的）
<!DOCTYPE html>
<html>
<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>

2、JavaScript代码：其实JavaScript语句的序列，浏览器按照编写顺序执行每条语句。例如：
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>

3、JavaScript代码块：由JavaScript分批组合成，代码块以左花括号开始，以右花括号结束。其作用是一并地执行语句序列。例如：
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Alger";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>

知识拓展·注意：
JavaScript对大小写敏感——函数getElementById与getElementbyID是不同的；
JavaScript会忽略多余的空格，可向脚本添加空格，提高其可读性——var a = "Alger"与var a="Alger"是相同的；

可以在文本字符串中使用反斜杠代码进行换行——document.write("你好\世界！")；

本文整理于W3cschool菜鸟网站，请参考网站:http://www.runoob.com/js/js-tutorial.html