JavaScript概述--2.17.ppt

Page ? * 课程内容安排 1 JavaScript的背景知识 2 第一个JavaScript程序 3 表单验证综合示例 4 JavaScript概念—简单的脚本语言 Page ? * 1 .JavaScript发展历史 1995年 Netscape公司为解决“向服务器提交数据之前验证”问题。 1996年，微软进军浏览器，搭载了JavaScript 的克隆版Jscript，并提供了自己的VBScript。 同年，Netscape与SUN公司联手，推出JavaScript1.0 1997年，ECMA-262标准出台了。 Page ? * 2-1.什么是JavaScript JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。 它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。 Page ? * 2-2. JavaScript的功能 客户端验证 提供表单前端验证 窗口动态操作 JS树形菜单、下拉列表、带阴历和节日的JS日历 制作网页特效 缓动javascript特效、JS弹性相册、3D翻转相册 ※ Page ? * 3-1.第一个JavaScript程序 html head script language=JavaScript document.write(“h1Hello,World/h1); /script /head body /body /html 　　　　　　　　　　　　　　　 JavaScript编辑器的选择——记事本 1.打开记事本，输入以下代码： 2.另存为“helloworld.html”,扩展名为“html”或“htm”. 3.在IE中打开网页文件，运行程序。 Page ? * 3-2示例说明 在标识script /script标签对之间就可加入JavaScript脚本代码。其中的language属性指明这段代码是用JavaScript来编写的。在解析网页源代码时，浏览器检索到它们时就知道其中包含的字符信息是脚本，而不是HTML源代码或者CSS样式码。 document对象的write()方法在客户端浏览器窗口中输出信息。 JavaScript可以直接嵌入到html中通过浏览器直接运行的。 Html中嵌入JavaScript代码的方式： 放在head标签中（推荐使用,方便管理） Page ? * 3-3.修改第一个JavaScript程序 换一种方法来实现”Hello World”的输出 解决方案：运用alert()方法来显示。 html head script language=JavaScript alert(Hello,World); /script /head body /body /html Page ? * 3-4.修改第一个JavaScript程序 尝试定义脚本函数，通过用户单击事件来触发脚本调用。 html head script language=JavaScript function hello(){ alert(按钮被点击了！);} /script /head body input type= button value= 请点击 onclick=hello() /body /html Page ? * 3-4.修改第一个JavaScript程序 尝试定义脚本函数，通过用户单击事件来触发脚本调用。 html head script language=JavaScript function hello(){ alert(“鼠标移动过来了！);} /script /head body P onmouseover=“hello()鼠标移过来/P /body /html Page ? * 3-5.修改第一个JavaScript程序 尝试使用外部脚本 html head script language=JavaScript src= common.js/script /head body input type=button value=请点击 onclick=hello() /body /html common.js文件代码 function hello() { alert(按钮被点击了); } Page ? * 3-6. JavaScript的变量 变量命名 以字母或下划线开头（不能以数字开头），后面接数字或其它字母。 变量名区分大小写。