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）的时候进行判断，如果一致则显示“密码一致”，如果不一致，则显示“密码不同，请重输” 设置搜索文本框初始文字“请输入搜索关键词”，鼠标点击内部，如果文字仍然是这几个字，就把文字清除。如果不是这几个字就不需要处理。焦点失去后，判断里面是否为空，如果为空，则还原成“请输入搜索关键词” * *