




已阅读5页,还剩14页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
JavaScript网页特效案例教程,主编:王莹 副主编:印梅 齐燕,第二章 实现按钮点击事件,教学导航,2.1定义和调用无参函数,任务分析,本案例涉及到的知识点: 无参函数的定义 无参函数的调用 按钮点击调用函数 获得文本框的值,相关知识,知识点1:什么是函数,函数实质上就是可以作为一个逻辑单元对待的一组相关JavaScript语句。,知识点2:函数的定义,语法: function functionName(parameters) some statements; functionName:函数名称。 parameters:参数名称。无参函数的参数为空。,例1完整代码如下:,知识点3:函数调用,例2完整代码如下:,知识点3:按钮事件,例3:点击按钮弹出Hello!效果如图2.3所示。 例3完整代码如下:,图2.3例3运行效果,知识点4:获得文本框的值,一种是不添加表单,使用document.all.item(name)获得控件。但这种方法有兼容性问题存在。,另一种是添加表单,在表单内添加控件,然后用DOM方法来获得控件。类似于一层层的获得控件。DOM结构将在以后的章节具体介绍。,练习,实现如下特效,当按“”实现中间文本框中广告的轮换。效果如图2.5所示。,2.2定义和调用有参函数,任务分析,本案例涉及到的知识点: 有参函数的定义 有参函数的调用 点击单选按钮调用函数,2 相关知识,知识点1:有参函数的定义和调用,此处的加号表示字符串的相连,此处的加号表示字符串的相连,知识点2:单选按钮点击事件,选择单选按钮的事件也是onclick事件。调用函数的方法同按钮的onclick事件。,3 操作步骤,4 操作练习,2.3超链接当按钮使用,做一个改变背景颜色的效果,如图2.10所示:,本案例涉及到的知识点: 超链接的使用 点击超链接调用函数 document.bgcolor的使用,2相关知识,知识点1:超链接当按钮使用,知识点2:document.bgcolor,3.操作步骤,4.操作练习,2.4 JavaScript内置函数,完成购物车的计算功能,运行效果如图2.13所示。,图2.13购物车计算功能 本案例涉及到的知识点: JavaScript的一些常见内置函数,任务分析,2相关知识,知识点1:parseInt()函数,语法: parseInt(StringNum,n) StringNum:需要转换为整型的字符串。 n:提供在236之间的数字表示所保存数字的进制数。这个参数在函数中 不是必须的。,知识点2:parseFloat()函数,语法: parseFloat(StringNum) StringNum:需要转换为浮点型的字符串。,知识点3:isNaN()函数,isNaN(Num) Num:需要验证的数字。 如果参数Num为NaN,函数返回值为true;如果参数Num不是NaN, 函数返回值为false。,知识点4:isFinite()函数,语法: isFinite(Num) Num:需要验证的数字。 如果参数Num为无穷大,函数返回值为true;如果参数Num不为无穷大 ,函数返回值为false。,3操作步骤,4操作练习,2.5 其他典型案例,【案例1】编写一个圆周长,圆面积的计算器。如图2.15所示。,【案例2】实现一个四则计算器。如图2.16所示。,【案例3】编写个人所得税计算器。月收入所得税计算的方式: (月收入-起征额)*所得税率。收入多出起征额1000以内,税率为0.05
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025江苏鑫氟天科技有限公司招聘1人模拟试卷及答案详解(典优)
- 2025湖南农业大学第二批公开招聘12人考前自测高频考点模拟试题及答案详解(必刷)
- 2025北京第五实验学校招聘38人模拟试卷及参考答案详解
- 2025年核工业四一七医院招聘(22人)考前自测高频考点模拟试题参考答案详解
- 2025年河北沧州海兴县公开招聘社区工作者27名模拟试卷及答案详解(必刷)
- 2025黑龙江绥化市安达市任民镇人民政府公益性岗位招聘1人考前自测高频考点模拟试题及答案详解(全优)
- 2025年河北唐山市丰润区选聘第二批事业编制医疗技术人员13名考前自测高频考点模拟试题及答案详解参考
- 2025年三峡集团高校毕业生春季招聘笔试题库历年考点版附带答案详解
- 2025北京市平谷区教育委员会所属事业单位面向应届毕业生招聘教师140名模拟试卷附答案详解(突破训练)
- 2025甘肃张掖市教育局培黎职业学院引进高层次人才14人模拟试卷及完整答案详解1套
- 墩柱安全教育培训课件
- 新版中华民族共同体概论课件第十五讲新时代与中华民族共同体建设(2012- )-2025年版
- 卫生监督协管五项制度范文(4篇)
- 2025中国低压电能质量市场白皮书
- 2025年全国《家庭教育指导师》考试模拟试题(附答案)
- 航空安全培训计划课件
- 电瓶搬运车安全培训课件
- 数据保护与安全知识培训课件
- 情报共享平台架构-洞察及研究
- 棉纱库存管理办法
- 2024~2025学年人教版小学四年级数学上册第一单元检测试卷(含答案)
评论
0/150
提交评论