欢迎来到天天文库
浏览记录
ID:51617386
大小:1.45 MB
页数:47页
时间:2020-03-26
《HTML5跨平台开发基础与实战 王寅峰电子任务5 使用CSS+javascript实现广告变换.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、跨平台HTML5实战软件学院王寅峰任务5使用CSS+javascript实现广告变换学习目标【知识目标】JavaScript基本语法;JavaScript函数的创建和调用。【技能目标】使用JavaScript修改CSS样式属性。引例描述实现图片和文字广告的滚动显示。任务陈述图片的滚动显示,可以通过JavaScript定时执行修改样式属性的方法。利用JavaScript事件可控制图片的滚动暂停和继续。1JavaScript2使用JavaScript修改CSS属性的基本结构知识准备1JavaScript编写位置:元素外的任意位置,用2、ript>包含元素的事件函数之后,如onclick=“alert(‘clicked’);”超链接,如text执行时刻凡是不属于函数或事件的Javascript,只要有一条完整的语句,那么在这条语句被下载到客户端后立即执行。如果是函数,则在下载完毕之后再等待调用,调用时执行。变量的声明和赋值varcount;count=5;定义变量赋值“var”-用于声明变量的关键字“count”-变量名varx,y,z=10;varcount=10;同时声明和赋值变量声明多个变量运算符号运算符对一个或多个变量或值(操作数)进行运算,3、并返回一个新值根据所执行的运算,运算符可分为以下类别:算术运算符+、-、*、/、%、++、--、-(求反)比较运算符==、!=、>、>=、<、<=逻辑运算符&&、4、5、、!逻辑控制语句if条件语句switch多分支语句for、while循环语句if(条件){//JavaScript代码;}else{//JavaScript代码;}switch(表达式){case常量1:JavaScript语句1;break;case常量2:JavaScript语句2;break;...default:JavaScript语句3;}for(初始化;条件;增量){语句集;}while(条件){语句集;}注释单行注6、释以//开始,以行末结束例如://表示JavaScript代码的开始多行注释以/*开始,以*/结束,符号/*……*/指示中间的语句是该程序中的注释。例如:/*helloWorld.html2007-9-29第一个JavaScript程序*/什么是函数函数的含义:是执行特定任务的语句块。如何希望点击某个按钮后能用消息框显示“HelloWorld”,并能重复显示5次消息框,怎么办?演示示例什么是函数1、在页面中放置一个按钮2、把循环显示的代码放置到函数中,当点击按钮时,才调用函数显示包含HelloWorld的消息框。该如何解决上面问题?使用7、自定义函数如何使用函数创建函数function函数名(参数1,参数2,…){语句;}调用函数函数调用一般和表单元素的事件一起使用,调用格式为:事件名=“函数名”;functionshowHello(){alert("HelloWorld!");}表示单击此按钮时,调用函数showHello()执行显示一个带有提示信息和确定按钮的对话框在函数中应用循环functionshowHello(){for(i=0;i<5;i++)alert("HelloW8、orld!");}思考如何显示当前系统时间?HTML源码基本内容三个常用的系统对象1document对象2window对象3Date对象document对象属性方法名称说明bgColor设置或检索Document对象的背景色名称说明write()用实时脚本创建页面内容。该方法需要一个字符串参数,它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式,写入的内容常常包括HTML标记语言。getElementById()根据H9、TML元素指定的ID,获得唯一的一个HTML元素。如:访问DIV层对象、图片Img对象getElementsByName()根据HTML元素指定的name,获得相同名称的一组元素。使用document对象方法多次显示HelloWorldfunctionshowHello(){varcount=document.getElementById("txtCount").value;for(i=0;i
2、ript>包含元素的事件函数之后,如onclick=“alert(‘clicked’);”超链接,如text执行时刻凡是不属于函数或事件的Javascript,只要有一条完整的语句,那么在这条语句被下载到客户端后立即执行。如果是函数,则在下载完毕之后再等待调用,调用时执行。变量的声明和赋值varcount;count=5;定义变量赋值“var”-用于声明变量的关键字“count”-变量名varx,y,z=10;varcount=10;同时声明和赋值变量声明多个变量运算符号运算符对一个或多个变量或值(操作数)进行运算,
3、并返回一个新值根据所执行的运算,运算符可分为以下类别:算术运算符+、-、*、/、%、++、--、-(求反)比较运算符==、!=、>、>=、<、<=逻辑运算符&&、
4、
5、、!逻辑控制语句if条件语句switch多分支语句for、while循环语句if(条件){//JavaScript代码;}else{//JavaScript代码;}switch(表达式){case常量1:JavaScript语句1;break;case常量2:JavaScript语句2;break;...default:JavaScript语句3;}for(初始化;条件;增量){语句集;}while(条件){语句集;}注释单行注
6、释以//开始,以行末结束例如://表示JavaScript代码的开始多行注释以/*开始,以*/结束,符号/*……*/指示中间的语句是该程序中的注释。例如:/*helloWorld.html2007-9-29第一个JavaScript程序*/什么是函数函数的含义:是执行特定任务的语句块。如何希望点击某个按钮后能用消息框显示“HelloWorld”,并能重复显示5次消息框,怎么办?演示示例什么是函数1、在页面中放置一个按钮2、把循环显示的代码放置到函数中,当点击按钮时,才调用函数显示包含HelloWorld的消息框。该如何解决上面问题?使用
7、自定义函数如何使用函数创建函数function函数名(参数1,参数2,…){语句;}调用函数函数调用一般和表单元素的事件一起使用,调用格式为:事件名=“函数名”;functionshowHello(){alert("HelloWorld!");}表示单击此按钮时,调用函数showHello()执行显示一个带有提示信息和确定按钮的对话框在函数中应用循环functionshowHello(){for(i=0;i<5;i++)alert("HelloW
8、orld!");}思考如何显示当前系统时间?HTML源码基本内容三个常用的系统对象1document对象2window对象3Date对象document对象属性方法名称说明bgColor设置或检索Document对象的背景色名称说明write()用实时脚本创建页面内容。该方法需要一个字符串参数,它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式,写入的内容常常包括HTML标记语言。getElementById()根据H
9、TML元素指定的ID,获得唯一的一个HTML元素。如:访问DIV层对象、图片Img对象getElementsByName()根据HTML元素指定的name,获得相同名称的一组元素。使用document对象方法多次显示HelloWorldfunctionshowHello(){varcount=document.getElementById("txtCount").value;for(i=0;i
此文档下载收益归作者所有