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

上节课巩固 l HTML代码中嵌入JS代码3种方法 n在标记单词后加代码 如： n将代码写在之间 n将代码写在单独的js文件中，在网页中通过来调用 上节课巩固 l 创建变量 var a; l 变量赋值 a=“你好” l 在网页中显示信息 document.write (信息) 注意：信息如果是文本常量，则加双引号，如果是变量/数字则 不需要 l 控制某个网页中对象的属性（前提：给对象定义ID） onclick=“ ID.属性名=值 ” 注意：双引号里还要写双引号的时候，要改成单引号 l 其他：表达式，运算符等 自定义函数 l 什么是自定义函数 就是一段代码封装在一个函数单词中 l 用自定义函数的意义 减少代码重复率 控制什么时候让代码执行 l 定义函数 function 函数名() 代码段; l 调用函数 获得和设置一个盒子的相关属性 l 在html代码中，每个盒子（如a,img,table,marquee,form,div ）等，都有属于自己的一些属性，如src，height，direction ，等等。通过js代码可以获取该属性的值，并在适当的位置显 示。同时也可以改变这些属性值，达到控制某个对象外观或内 容的目的 l 基本原理：使用js中的document对象的getElementById方法 关于document对象的详细用法请参看word文档。注意大小写 l 例子 n获取属性值 首先设置图片的id为”tupian” var a; a=document. getElementById(“tupian”).width; 此时a就等于图片的宽度值 n设置属性 document. getElementById(“tupian”).width=800; 表示将图片的宽度设置为800 一些常见的属性 l 图片：src，width，height，alt等 l 文本框里的文字：value l 某个盒子里的文字，比如p，div：innerText l 在某个盒子里生成一段html代码：innerHTML 条件语句 1、单一条件，单一结果 if(条件语句) 执行语句; l 扩展： if(x = null) 或if(typeof(x) =“undefined”) 可以简写成if(!x). 2、单一条件，双结果 if(条件语句） 执行语句块1; else 执行语句2; l If语句简化写法：ab ? 语句1 : 语句2，代表ab如果成立，则执行语 句1，否则执行语句2 l 例如： x 0 ? x : -x; 条件语句 3、多条件，多结果 if(条件语句1) 执行语句1; else if(条件语句2) 执行语句2; else if(条件语句n) 执行语句n; else 执行语句n+1; 课堂练习 l 参看例子/例子1。并完成一样功能 l 参看例子/例子2。需要完成功能说明 n判断两遍密码是否一致，在文本框焦点失去（blur）的时候 进行判断，如果一致则显示“密码一致”，如果不一致，则显 示“密码不同，请重输” n设置搜索文本框初始文字“请输入搜索关键词”，鼠标点击内 部，如果文