首页 > 代码库 > 第一章 了解JavaScript
第一章 了解JavaScript
由于之前本人一直在做 C/S之类 的项目，但是由于公司安排，我开始接触B/S类型的项目，所以需要学习JavaScript，接下来是我学习"JavaScript基础教程(第8版)"这本书的笔记。
第一章 了解JavaScript
JavaScript是什么
- JavaScript 被设计用来向 HTML 页面添加交互行为。
- JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
- JavaScript 由数行可执行计算机代码组成。
- JavaScript 通常被直接嵌入 HTML 页面。(<script>标签常常放在HTML页面的<head>部分中，如脚本 1-1 所示 。也可以将脚本放在<body>部分中)
- JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
window.onload = function () {
document.getElementById("myMessage").innerHTML = "Hello World!";
}
</script>
</head>
<body>
<h1 id="myMessage">
</h1>
</body>
</html>
JavaScript 不是Java
- JavaScript 和 Java 之间没有太大的关系。
- Java 是一种功能完备的编程语言，由 Sun 公司开发，由 Oracle 公司推广（自从 Oracle 收购 Sun 公司以来）。
JavaScript 可以做什么
- 确保用户以表单形式输入有效的信息。
- 根据用户的操作可以创建自定义的 Web 页面。
- 处理表单。
- 设置 cookie。
- 即时构建 HTML 页面以及创建基于 Web 的应用程序。
- ·····
JavaScript 不能做什么
JavaScript 是一种客户端语言。也就是说，设计它的目的是在用户的机器上而不是服务器上执行任务。因此， JavaScript 有一些固有的限制，这些限制主要出于如下安全原因。
- JavaScript 不允许写服务器机器上的文件。
- JavaScript 不能关闭不是由它自己打开的窗口。
- JavaScript 不能从来自另一个服务器的已经打开的网页中读取信息。
处理事件
|
事 件 |
它处理什么 |
|
onabort |
用户终止了页面的加载 |
|
onblur |
用户离开了对象 |
|
onchange |
用户修改了对象 |
|
onclick |
用户单击了对象 |
|
onerror |
脚本遇到了一个错误 |
|
onfocus |
用户激活了对象 |
|
onload |
对象完成了加载 |
|
onmouseover |
鼠标指针移动到对象上 |
|
onmouseout |
鼠标指针离开了对象 |
|
onselect |
用户选择了对象的内容 |
|
onsubmit |
用户提交了表单 |
|
onunload |
用户离开了页面 |
值和变量
|
类 型 |
描 述 |
示 例 |
|
数字 |
任何数字值 |
3.141592654 |
|
字符串 |
引号中的字符 |
"Hello, world!" |
|
布尔值（Boolean） |
true 或 false |
true |
|
空值（null） |
空且无含义 |
|
|
对象 |
与对象相关联的任何值 |
|
|
函数 |
函数返回的值 |
|
操作符
|
操 作 符 |
作 用 |
|
x + y（数字） |
将 x 和 y 相加 |
|
x + y（字符串） |
将 x 和 y 拼接在一起 |
|
x – y |
从 x 中减去 y |
|
x * y |
将 x 和 y 相乘 |
|
x / y |
将 x 除以 y |
|
x %y |
x 和 y 的模（即 x 除以 y 的余数） |
|
x++,++x |
给 x 加 1（相当于 x = x + 1） |
|
x--,--x |
给 x 减 1（相当于 x = x - 1） |
|
-x |
x 的相反数 |
赋值和比较
|
赋 值 |
作 用 |
|
x = y |
将 x 设置为 y 的值 |
|
x += y |
相当于 x = x + y |
|
x -= y |
相当于 x = x - y |
|
x *= y |
相当于 x = x * y |
|
x /= y |
相当于 x = x / y |
|
x %= y |
相当于 x = x %y |
- x++和++x 都是给 x 加 1，但是它们并不相同。前者在完成赋值之后再递增 x，而后者正相反。例如，如果 x 是 5， y=x++会将 y 设置为 5， x 设置为 6；而 y=++x 会将 x 和 y 都设置为 6。递减操作符--的工作方式与它相似。
- 如果在将两个值相加时混合使用数字和字符串，那么结果是一个字符串。例如， "cat"+5 的结果是"cat5"。
比较
|
比 较 |
作 用 |
|
x == y |
如果 x 和 y 相等，那么返回 true |
|
x === y |
如果 x 和 y 完全相同，那么返回 true |
|
x != y |
如果 x 和 y 不等，那么返回 true |
|
x !== y |
如果 x 和 y 不完全相同，那么返回 true |
|
x > y |
如果 x 大于 y，那么返回 true |
|
x >= y |
如果 x 大于等于 y，那么返回 true |
|
x < y |
如果 x 小于 y，那么返回 true |
|
x <= y |
如果 x 小于等于 y，那么返回 true |
|
x && y |
如果 x 和 y 都是 true，那么返回 true |
|
x || y |
如果 x 或 y 之一是 true，那么返回 true |
|
!x |
如果 x 是 false，那么返回 true |
- 如果对字符串进行比较，那么要知道“ a”大于“ A”，“ abracadabra”小于“ be”
第一章 了解JavaScript