现在的位置: 首页 > 综合 > 正文

JavaScript简介

2014年01月29日 ⁄ 综合 ⁄ 共 1990字 ⁄ 字号 评论关闭

JavaScript学习

1.    概述

JavaScript 的正式名称是 "ECMAScript"ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) JScript (Microsoft)

2.    JavaScript 能做什么?

(1) JavaScript HTML 设计师提供了一种编程工具

HTML 创作者往往都不是程序员,但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言!几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。

(2) JavaScript 可以将动态的文本放入 HTML 页面

类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("<h1>" + name + "</h1>")

(3) JavaScript 可以对事件作出响应

可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。

(4) JavaScript 可以读写 HTML 元素

JavaScript 可以读取及改变 HTML 元素的内容。

(5) JavaScript 可被用来验证数据

在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。

(6) JavaScript 可被用来检测访问者的浏览器

JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。

(7) JavaScript 可被用来创建 cookies

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

3.    页面中如何放置JavaScript

(1) 当页面载入时,会执行位于 body 部分的 JavaScript

(2) 当它被调用时,位于 head 部分的 JavaScript 才会被执行。

(3) 外部 JavaScript注意:外部文件不能包含 <script> 标签): 然后把 .js 文件指定给 <script> 标签中的 "src" 属性,比如<script src="xxx.js">...</script>

 

4.    语言特性

(1)     向未声明的JavaScript变量赋值!

x=5;

carname="Volvo";

var x=5;

var carname="Volvo";

作用相同。

(2)     重新声明 JavaScript 变量!

var x=5;
var x; 
x仍然是5

(3)     全等符 ===

var x=5;
x===5 è true
x===”5” è false
即包括类型和值都相等才为真。

(4)     JavaScript 中创建三种消息框:警告框、确认框、提示框。

1>      警告框: alert("文本");

2>      确认框: confirm("文本");

3>      提示框: prompt("文本","默认值");

 

(5)     For(变量in对象)遍历。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

变量用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

 

(6)     事件!

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。

事件举例:

·         鼠标点击

·         页面或图像载入

·         鼠标悬浮于页面的某个热点之上

·         在表单中选取输入框

·         确认表单

·         键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

更多有关 Javascript 可识别事件,参阅 JavaScript 事件参考手册

 

5.    事件举例

(1)         onload onUnload

当用户进入或离开页面时就会触发 onload onUnload 事件。onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页;onload onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies

(2)         onFocus, onBlur onChange

onFocusonBlur onChange 事件通常相互配合用来验证表单。

(3)         onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

例如:<form method="post" action="xxx.htm" onsubmit="return checkForm()">

(4)         onMouseOver onMouseOut

onMouseOver onMouseOut 用来创建动态的按钮。

(5)         更多参看JavaScript 事件参考手册

 

6.    处理异常

有两种在网页中捕获错误的方法:

抱歉!评论已关闭.