JavaScript网页开发技术课件.ppt

JavaScript网页开发技术 课程目标 掌握JavaScript的语法、程序控制结构 熟练使用JavaScript内置基本对象 熟悉JavaScript调用DHTML元素 掌握用JavaScript编写客户端脚本程序的技能 能创建功能强大的互动网页 课程内容 JavaScript概述 JavaScript基础语法 JavaScript常用内置对象 JavaScript常用DHTML对象 主题内容 JavaScript概述 JavaScript基础语法 JavaScript常用内置对象 JavaScript常用DHTML对象 概念 JavaScript是一种网页编程技术，大部分使用者将它用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言，具有与Java和C语言类似的语法 JavaScript是一种使用简单，功能强大的编程语言 同步练习 本练习主要针对事件驱动和基于对象，该例子在网页的一个按钮中设置了onclick属性，当鼠标单击该按钮时，将会弹出一个窗口，浏览google搜索网站 window是客户端JavaScript中浏览器对象之一，open是window对象的一个方法，意思是打开窗口，在参数中设置好网址，就可以打开指定的网站。在将来学习DHTML的时候将会详细讲解window对象的使用方法 打开记事本，将以下代码输入，保存为D:\hello.htm htmlbody input type=button onclick=window.open() /body/html 保存好以后双击该文件打开，试一试单击按钮后运行的结果 分类 JavaScript的基础为核心JavaScript，在实现上分为客户端JavaScript、服务器端JavaScript 关系 JavaScript与ASP(JScript)、JScript.Net及JSP等编程语言之间的关系 重要性 面向对象的敲门砖 具备完整的语法 随着Web浏览器的改进，功能越来越强大 是搭配服务器端技术的主要客户端编程语言 发展历史 网景公司在Netscape2.0首先推出了JavaScript 微软公司从IE3.0开始提供对客户端JavaScript的支持，并另取名为JScript 微软公司从IIS3.0开始提供对服务器端JScript的支持 微软推出JScript.NET，基于.NET框架的JScript具备了和C#.NET和VB.NET一样强大的功能 特点 简单易用 简洁易用，与Java有类似的语法 可以使用任何文本编辑工具编写 只需要浏览器就可以执行程序 解释执行 事先不编译 逐行执行 无需进行严格的变量声明 基于对象 内置大量现成对象，编写少量程序可以完成目标 使用范围 适合做哪些事情 客户端数据计算 客户端表单合法性验证 浏览器对象的调用 浏览器事件的触发 网页特殊显示效果制作 不适合做哪些事情 大型应用程序 图像、多媒体处理 网络实时通讯应用 JavaScript与Java的区别… JavaScript与Java运行方式不一样 JavaScript是解释执行 Java是编译执行 JavaScript不是Java的简化版本 逻辑运算符、语句结构类似 变量申明、对象调用等不同 JavaScript和Java功能实现不一样 JavaScript通过浏览器实现程序功能 Java通过Java虚拟机实现程序功能 …JavaScript与Java的区别 编写工具 JavaScript的编辑工具很多，如Microsoft FrontPage、DreamWeaver、Microsoft Visual InterDev等，都可以用来进行JavaScript网页制作 针对简单的程序，我们使用文本编辑器直接书写源代码 事件定义方式… 在定义事件时直接写入JavaScript脚本 …事件定义方式 运行结果 直接嵌入式… 在网页中直接嵌入JavaScript …直接嵌入式 运行结果 文件调用式… 在网页中调用独立JavaScript文件 …直接嵌入式 运行结果 JavaScript运行环境的介绍… 在Windows、Linux、Unix操作系统都可以运行JavaScript，只要安装了支持JavaScript的浏览器 不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样 大部分常见的浏览器都对JavaScript提供支持，在本教程中以IE6.0作为主要的调试运行环境 …JavaScript运行环境的介绍 JavaScript运行环境的建立... IE的升级 为什么要升级IE 更加完善与稳定 对ECMA v3国际标准的支持更加完整 如何升级IE 下载安装/windows/ie_intl/cn/ ...JavaScript运行环