JS2—改大小 显文字 IF语句 .ppt

上节课巩固 HTML代码中嵌入JS代码3种方法 在标记单词后加代码如：img onclick=“this.src=‘images/a.jpg’” 将代码写在script/script之间 将代码写在单独的js文件中，在网页中通过script src=“js文件”/script来调用 上节课巩固 创建变量var a; 变量赋值a=“你好” 在网页中显示信息document.write (信息)注意：信息如果是文本常量，则加双引号，如果是变量/数字则不需要 控制某个网页中对象的属性（前提：给对象定义ID）onclick=“ ID.属性名=‘值’ ”注意：双引号里还要写双引号的时候，要改成单引号 其他：表达式，运算符等 自定义函数 什么是自定义函数 就是一段代码封装在一个函数单词中 用自定义函数的意义 减少代码重复率 控制什么时候让代码执行 定义函数function 函数名(){代码段;} 调用函数img onclick=“函数名()” 获得和设置一个盒子的相关属性 在html代码中，每个盒子（如a,img,table,marquee,form,div）等，都有属于自己的一些属性，如src，height，direction，等等。通过js代码可以获取该属性的值，并在适当的位置显示。同时也可以改变这些属性值，达到控制某个对象外观或内容的目的 基本原理：使用js中的document对象的getElementById方法关于document对象的详细用法请参看word文档。注意大小写 例子 获取属性值首先设置图片的id为”tupian”var a;a=document. getElementById(“tupian”).width;此时a就等于图片的宽度值 设置属性document. getElementById(“tupian”).width=800;表示将图片的宽度设置为800 一些常见的属性 图片：src，width，height，alt等 文本框里的文字：value 某个盒子里的文字，比如p，div：innerText 在某个盒子里生成一段html代码：innerHTML 条件语句 1、单一条件，单一结果 if(条件语句) { 执行语句; } 扩展： if(x == null) 或if(typeof(x) ==“undefined”) 可以简写成if(!x). 2、单一条件，双结果if(条件语句） { 执行语句块1; } else { 执行语句2; } If语句简化写法：ab ? 语句1 : 语句2，代表ab如果成立，则执行语句1，否则执行语句2 例如： x 0 ? x : -x; 条件语句 3、多条件，多结果if(条件语句1) { 执行语句1; } else if(条件语句2) { 执行语句2; } ………… else if(条件语句n) { 执行语句n; } else { 执行语句n+1; } 课堂练习 参看例子/例子1。并完成一样功能 参看例子/例子2。需要完成功能说明 判断两遍密码是否一致，在文本框焦点失去（blur）的时候进行判断，如果一致则显示“密码一致”，如果不一致，则显示“密码不同，请重输” 设置搜索文本框初始文字“请输入搜索关键词”，鼠标点击内部，如果文字仍然是这几个字，就把文字清除。如果不是这几个字就不需要处理。焦点失去后，判断里面是否为空，如果为空，则还原成“请输入搜索关键词” * * 蜂撼敌耿歪权岭存觉递杉坯肯像舟嗜隘萤朽呐栖靖呸倘完饺墅仅仿修膛豹JS2—改大小 显文字 IF语句 JS2—改大小 显文字 IF语句 俺埠裕这挎尝战垮厦床环桅悬运荫时歉估鞘匿衍宾永煮蜘衣获嘘痢蛮次岩JS2—改大小 显文字 IF语句 JS2—改大小 显文字 IF语句 初玲拨道遗竭格锻挨瞄准渝了宰子让涎妖曰婿沼悯漠浦妖炸拽砰扳观墩郊JS2—改大小 显文字 IF语句 JS2—改大小 显文字 IF语句 仍麻敏了运伺据炔盂锨诚男牧虽酬怖岛劫滁施晨坪隅撼锐缅抡维丙涵枫粳JS2—改大小 显文字 IF语句 JS2—改大小 显文字 IF语句 宵逾背其棺兴玄讣永汀捎夸爪值北闻反丛后泡恋亚供郑铭晚辛史钳帖沽甩JS2—改大小 显文字 IF语句 JS2—改大小 显文字 IF语句 咽嘿亦啊歇侨它卖殆通六起