- JavaScript 被设计用来向 HTML 页面添加交互行为。
- JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
- JavaScript 由数行可执行计算机代码组成。
- JavaScript 通常被直接嵌入 HTML 页面。
- JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。
- 所有的人无需购买许可证均可使用 JavaScript。
如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML注释标签:
<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>
注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。
------------------------------------------------------------------------------------------------------------------------------------------
当页面载入时,会执行位于 body 部分的 JavaScript。
当被调用时,位于 head 部分的 JavaScript 才会被执行。
-------------------------------------------------------------------------------------------------------------------
JavaScript 是由浏览器执行的语句序列。
-------------------------------------------------------------------------------------------------------------------
JavaScript 语句
这个 JavaScript 语句告诉浏览器向网页输出 "Hello world":
document.write("Hello world");
通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯,而且在 web 上的 JavaScript案例中也常常会看到这种情况。
分号是可选的(根据 JavaScript 标准),浏览器把行末作为语句的结尾。正因如此,常常会看到一些结尾没有分号的例子。
注释:通过使用分号,可以在一行中写多条语句。
------------------------------------------------------------------------------------------------------------------------------------------
JavaScript 变量
JavaScript 变量名称的规则:
- 变量对大小写敏感(y
和 Y 是两个不同的变量) - 变量必须以字母或下划线开始
注释:由于 JavaScript对大小写敏感,变量名也对大小写敏感。
------------------------------------------------------------------------------------------------------------------------------------------
向未声明的 JavaScript 变量赋值
如果您所赋值的变量还未进行过声明,该变量会自动声明。 (varx=5; 等价于x=5;)
------------------------------------------------------------------------------------------------------------------------------------------
重新声明 JavaScript 变量
如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。
------------------------------------------------------------------------------------------------------------------------------------------
JavaScript Switch 语句
工作原理:switch后面的 (n) 可以是表达式,也可以(并通常)是变量。然后表达式中的值会与 case 中的数字作比较,如果与某个 case相匹配,那么其后的代码就会被执行。break
------------------------------------------------------------------------------------------------------------------------------------------
JavaScript消息框
alert("文本");confirm("文本");prompt("文本","默认值")
alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")
JavaScript for...in 语句
for...in 语句用于对数组或者对象的属性进行循环操作。
事件举例:
- 鼠标点击
- 页面或图像载入
- 鼠标悬浮于页面的某个热点之上
- 在表单中选取输入框
- 确认表单
- 键盘按键
onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。
onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域。
onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
-----------------------------------------------------------------------------------------------------------------------------------------
JavaScriptTry...Catch 语句
有两种在网页中捕获错误的方法:
- 使用
try...catch 语句。(在IE5+、Mozilla 1.0、和 Netscape 6 中可用) - 使用
onerror 事件。这是用于捕获错误的老式方法。(Netscape3 以后的版本可用)
注意:chrome、opera和 safari 浏览器不支持 onerror 事件。
------------------------------------------------------------------------------------------------------------------------------------------
JavaScriptThrow 声明
throw 声明的作用是创建 exception(异常或错误)。