Web技术应用基础d

Web技术应用基础d

ID:41098356

大小:759.01 KB

页数:87页

时间:2019-08-16

Web技术应用基础d_第1页
Web技术应用基础d_第2页
Web技术应用基础d_第3页
Web技术应用基础d_第4页
Web技术应用基础d_第5页
资源描述:

《Web技术应用基础d》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章JavaScriptJavaScript1JavaScript了解JavaScript作用、工作机制和特点;了解Window对象构成、属性和方法掌握Window对象基本使用方法学会JavaScript的基本语法规则熟练掌握JavaScript编程技巧脚本(Script)应用知识点与技术要求:Script是一种介于HTML与高级编程语言(如:Java、VB和C++等)之间的特殊语言,是由一组可以在Web服务器或客户端浏览器运行的命令的组合。脚本把网页对象和浏览器对象集成并组装起来,使网页具有动态效果和交互功能。26.1JavaScr

2、ipt概述6.1.1JJavaScript运行机制脚本是一种能够完成某些功能的小程序段。这些程序段在程序运行过程中被逐行解释执行,脚本语言可嵌入HTML页面,并被浏览器解释执行。服务器端脚本:在服务器上运行的脚本程序客户端脚本:在客户机上运行的脚本程序JavaScript3JavaScript是一种嵌入HTML文档中的、跨平台、基于对象和事件驱动的脚本语言,它即可以在客户端运行也可以运行在服务器上。JavaScript46.1.2JavaScript特点1.JavaScript是一种脚本语言2.基于对象3.事件驱动4.动态5.安全6.与平台无

3、关JavaScript56.1.3JavaScript应用示例——图像互换位置JavaScript61.任务要求要求页面上有两幅图像及有关图像的说明的文字,当用户用鼠标左键单击页面时,图像交换位置。例6.1JavaScript7ex6-01.html代码清单JavaScript应用案例functionChangeImage(){vardog_top=dog.style.topvardog_left=dog.style.leftdog

4、.style.top=cat.style.topdog.style.left=cat.style.leftcat.style.top=dog_topcat.style.left=dog_left}JavaScript8请单击页面

5、f"width="80"hieght="80">
cat


dog
JavaScript9代码说明(1)第16至19行:
是块容器标记,之间可以容纳多个

6、不同的HTML标记和语言元素。id="cat",指定该块容器的id值是cat。(2)第3至12行:当用户单击页面时,由使用JavaScript脚本语言编写的ChangeImage()函数完成事件的处理,即图像交换位置的动作。JavaScript10