JS 语句


JavaScript 语句

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

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":

document.getElementById("demo").innerHTML="Hello World";

分号

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

提示:您也可能看到不带有分号的案例。

在 JavaScript 中,用分号来结束语句是可选的。


JavaScript 代码

JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。

本例将操作两个 HTML 元素:

document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始,由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数:

function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

JavaScript 对大小写敏感

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。


空格

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

var name="Hello";
var name = "Hello";

对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("Hello \
World!");

不过,您不能像这样折行:

document.write \
("Hello World!");

提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

最新文章

  1. mysql连接的一些问题。
  2. VS2015——命令行下编译、静态库动态库制作以及断点调试
  3. atitit. orm mapping cfg 映射配置(3)-------hbnt one2maney cfg
  4. linux语言环境设置
  5. Spring知识点回顾(08)spring aware
  6. 《Python从入门基础到实践》
  7. LINQ交集/并集/差集/去重
  8. Kotlin 接口
  9. 使用adb命令通过IP地址连接手机
  10. Spring 注解 @Scheduled(cron = "0 0/10 * * * ? ") 动态改变时间
  11. E - Tears of Drowned
  12. 3-15 《元编程》第6章 3-16 hook method
  13. EL表达式、 jstl标签
  14. ssh结合使用
  15. linux命令总结之traceroute命令
  16. 数据库比较工具DBCompareTool for Oracle 0.2.5发布
  17. Django中模型(四)
  18. ThinkPHP5入门(四)----模板篇
  19. JavaScript:使用JavaScript 实现注册表单的校验
  20. Oracle扩容表空间

热门文章

  1. python基础之列表讲解
  2. Caffeine批量加载浅析
  3. Linux 终端(TTY)
  4. Password Management:Hardcoded Password 密码管理:硬编码密码
  5. WPF 后台模拟界面触摸点击
  6. JavaScript定时器(Timer)
  7. web.xml的常见配置
  8. 新建GitHub仓库与删除
  9. 一文彻底搞清楚 Material Design
  10. Vue-Cli 3.0 中配置高德地图