网站设计与Web应用开发技术(第四版)（微课版）ch05 JavaScript语言与客户端开发.ppt

第*页5.5JS开发框架技术框架实例例5-32：angular+bootstrap实现无刷新翻页及查找功能第*页5.6JavaScript实例带动画效果的进度条例5-34第*页5.6JavaScript实例旋转变幻文字效果例5-35网站设计与Web应用开发技术(第四版) 网站设计与Web应用开发技术(第四版) *第5章JavaScript语言与客户端开发教学目标教学重点教学过程第*页教学目标理解JavaScript脚本语言的基本概念掌握JavaScript脚本语言的基本语法掌握JavaScript的变量、各类控制语句和函数的用法了解JavaScript内置对象和文档对象模型的基本用法了解JavaScript开发框架JavaScript典型案例第*页教学重点JavaScript脚本语言的基本语法JavaScript的变量、各类控制语句和函数的用法JavaScript在网页中的应用第*页教学过程JavaScript简介JavaScript基本语法对象化编程浏览器对象模型与文档对象模型JS开发框架技术JavaScript实例Ajax技术第*页5.1JavaScript简介JavaScript是由Netscape公司的BrendanEich发明的，最初称为LiveScript1995年Java出现后，以Java的设计理念，对LiveScript进行了改写，增加了对JavaApplet的支持，所以改名为JavaScriptJavaScript可增加网页的互动性简化HTML代码中的重复代码减少网页下载时间对提交表单做即时的检查，即时响应用户的操作第*页5.1JavaScript简介基于对象)和事件驱动，并具有较高安全性能的脚本语言，特点如下：一种脚本语言基于对象简单性安全性动态性跨平台性第*页5.1JavaScript简介JavaScript不是Java的精简版，区别如下：Java是面向对象的，而JavaScript是基于对象的JavaScript是解释执行的，而Java是编译执行Java采用强变量，JavaScript采用弱变量两者的代码格式不同两者嵌入HTML的方式不一样第*页5.1JavaScript简介JavaScript在网站开发中具有以下作用：创建生动的用户界面数据有效性验证工作数据查找JavaScript语言的组成JavaScript核心语言JavaScript客户端扩展JavaScript服务器端扩展第*页5.1JavaScript简介将JavaScript引入网页可直接将代码加入网页JavaScript可出现在网页中的任意位置，但必须使用标记script…/script“!—”和“//--”的作用，是让不能解析script标签的浏览器忽略JavaScript代码第四行前边的双反斜杠“//”是JavaScript里的注释标号script!--...(JavaScript代码)...//--/script第*页5.1JavaScript简介将JavaScript引入网页使用外部文件的方式，将某个.js文件引入scriptsrc=javascript.js/script在浏览器中直接调用JavaScript浏览器“地址”栏输入： javascript:JavaScript语句使用链接： ahref=javascript:JavaScript语句.../a第*页5.1JavaScript简介一个简单的JavaScript实例!DOCTYPEhtmlhtmlheadtitle一个简单的实例/title/headbodyscripttype=text/javascriptdocument.write(一个简单的实例);/script/body/html第*页5.1JavaScript简介JavaScript兼容性说明第*页5.2JavaScript基本语法一般语句具有如下格式：语句;用大括号“{}”括起来的一个或多个语句，相当于一个复合语句允许语句块的嵌套第*页5.2JavaScript基本语法JavaScript的数据类型：第*页5.2JavaScript基本语法JavaScript的变量名称符合：只包含字母、数字和