JS的简介
- JavaScript 是 Web 的编程语言,是前端开发必须掌握的三门语言之一,即:
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JS 实现了网页的行为 - Js 是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,
- 最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
- 所有现代的HTML都使用JavaScript。现在 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
您知道吗?
- JS与Java是两种不同的语言,无论是在概念上还是设计上。
- java(由Sun公司发明)是更复杂的编程语言。
- ECMA-262是JS标准官方名称。
- JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。
JavaScript的用法
- HTML中的脚本必须位于
<script>
- 脚本可被放置在HTML页面的
<body>
和<head>
JS输出
JS 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中(会重绘整个页面)。
- 使用 innerHTML 写入到 HTML 元素(会重绘指定的元素即只重绘整个页面的一部分)。
- 使用 console.log() 写入到浏览器的控制台。
您知道吗?
程序中调试是测试,查找及减少bug(错误)的过程。
JS 由 web 浏览器来执行。
分号 ;
- 分号用于分隔 JS 语句。
- 通常我们在每条可执行的语句结尾添加分号。
- 使用分号的另一用处是在一行中编写多条语句。
提示:您也可能看到不带有分号的案例。
在 JS中,用分号来结束语句是可选的。
JS代码
JS代码(或者只有 JS)是 JS 语句的序列。
浏览器会按照编写顺序来执行每条语句。
JS代码块
- JS 语句通过代码块的形式进行组合。
- 块由左花括号开始,由右花括号结束。
- 块的作用是使语句序列一起执行。
- JS 函数是将语句组合在块中的典型例子。
JS对大小写敏感
JavaScript 对大小写是敏感的。
当编写 Js语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。
空格
JS 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
var name="Hello";
var name = "Hello";
上面两行代码是等价的。
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。
您知道吗?
提示:JS是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
JS 注释
Js 不会执行注释。
我们可以添加注释来对 Js进行解释,或者提高代码的可读性。
单行注释以 // 开头。
Js多行注释
多行注释以 / 开始,以 / 结尾。
使用注释可以阻止一条代码或者代码块执行。(用于调试)
变量
您知道吗?
提示:您可以把变量看做存储数据的容器。
JS 变量
与代数一样,Js变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
您知道吗?
提示:Js 语句和 Js 变量都对大小写敏感。
声明(创建) Js变量
在 Js 中创建变量通常称为“声明”变量。
我们使用 var 关键词来声明变量。
JS 数据类型
JS变量还能保存其他数据类型,比如文本值 (name=“Bill Gates”)。
在 JS 中, 有引号、里面有内容(没有内容就是空字符串)这样一条文本被称为字符串。
JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。
当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
您知道吗?
提示:一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
重新声明 JS 变量
如果重新声明 Js变量,该变量的值不会丢失:
var c="aa";
var c;
变量 c的值依然是 “aa”。