由于之前本人一直在做 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>
脚本1-1 向浏览器窗口中输出”Hello World!”
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”
时间: 2024-10-03 23:08:41