[计算机]JS学习笔记.docVIP

JavaScript 有何特点 JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用于 创建具有交互性较强的动态页面。主要具有如下特点： ?? 基于对象：JavaScript 是基于对象的脚本编程语言，能通过DOM（文档结构模型） 及自身提供的对象及操作方法来实现所需的功能。 ?? 事件驱动：JavaScript 采用事件驱动方式，能响应键盘事件、鼠标事件及浏览器窗 口事件等，并执行指定的操作。 ?? 解释性语言：JavaScript 是一种解释性脚本语言，无需专门编译器编译，而是在嵌 入JavaScript 脚本的HTML 文档载入时被浏览器逐行地解释，大量节省客户端与服 务器端进行数据交互的时间。 ?? 实时性：JavaScript 事件处理是实时的，无须经服务器就可以直接对客户端的事件 做出响应，并用处理结果实时更新目标页面。 ?? 动态性：JavaScript 提供简单高效的语言流程，灵活处理对象的各种方法和属性， 同时及时响应文档页面事件，实现页面的交互性和动态性。 ?? 跨平台：JavaScript 脚本的正确运行依赖于浏览器，而与具体的操作系统无关。只 要客户端装有支持JavaScript 脚本的浏览器，JavaScript 脚本运行结果就能正确反 映在客户端浏览器平台上。 ?? 开发使用简单：JavaScript 基本结构类似C 语言，采用小程序段的方式编程，并提 供了简易的开发平台和便捷的开发流程，就可以嵌入到HTML 文档中供浏览器解 释执行。同时JavaScript 的变量类型是弱类型，使用不严格。 ?? 相对安全性：JavaScript 是客户端脚本，通过浏览器解释执行。它不允许访问本地 的硬盘，并且不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只 能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。 JavaScript 能做什么 表单验证 使用JavaScript 脚本语言能有效验证客户端提交的表单上数据的合法性，如数据合法则 执行下一步操作，否则返回错误提示信息，如图 网页特效 使用JavaScript 脚本语言，结合DOM 和CSS 能创建绚丽多彩的网页特效，如火焰状闪 烁文字、文字环绕光标旋转等。火焰状闪烁文字效果如图 交互式菜单 使用JavaScript 脚本可以创建具有动态效果的交互式菜单，完全可以与falsh 制作的页 面导航菜单相媲美。如图 动态页面 使用JavaScript 脚本可以对Web 页面的所有元素对象进行访问并使用对象的方法访问并修改其属性实现动态页面效果，其典型应用如网页版俄罗斯方块、扑克牌游戏等。如图 数值计算 JavaScript 脚本将数据类型作为对象，并提供丰富的操作方法使得JavaScript 用于数值 计算。如图 JavaScript 编程起步 “Hello World！”程序 像学习C、Java 等其他语言一样，先来看看使用JavaScript 脚本语言编写的 “Hello World!”程序： //源程序1.1 ! DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0//EN /TR/REC-html140/strict.dtd html head meta http-equiv=content-type content=text/html; charset=gb2312 titleSample Page!/title /head body br center script language=javascript 1.2 type=text/javascript document.write(Hello World!); /script /center /body /html 将上述代码保存为.html(或.html)文件并双击打开，系统调用默认浏览器解释执行，结果 如图 JavaScript 脚本编程一般分为如下步骤： ?? 选择JavaScript 语言编辑器编辑脚本代码； ?? 嵌入该JavaScript 脚本代码到HTML 文档中； ?? 选择支持JavaScript 的浏览器浏览该HTML 文档； ?? 如果错误则检查并修正源代码，重新浏览，此过程重复直至代码正确为止； ?? 处理不支持JavaScript 脚本的情况。 HTML 标记的核心事件，如onclick（单击按钮）、ondbclick、onkeydown、onkeypress、onkeyup、 onmousedown、onmousemove、onmouseover、onmouseout 等鼠标和键盘触发事件。 查看浏览器版本 html head meta http-equiv=content-type