一、仿淘宝搜索框
- label for "id"
Paste_Image.png
ps：忘记了子绝父相要设置位置
2.判断用户输入事件
正常浏览器 : oninput
Ie 678 支持的 ： onpropertychange
3.js部分 有两个错误
<script type="text/javascript">
window.onload = function(){
function $(id) {return document.getElementById(id);} //这里又写错了，是返回值
$("txt").oninput = function(){ //$是函数，后面的变量不能忘记加括号
if (this.value == "") {
$("message").style.display = "block";
}
else{
$("message").style.display = "none";
}
}
}
id不加引号是因为要负责接收下面传递的值！！加了引号就是字符串了就是固定的了！！！
二、使用数组
1.数组： 就是一个大变量， 它里面可以存储很多的值。
2.声明数组：
var arr = [1,2,3,4]
var arr = new Array(1,2,3)
3.使用数组：
数组名[索引值]，索引号是从0开始的。
函数名()
4.数组长度 数组名.length
5.遍历数组 用for循环
三、+号
1.加号+：数值相加 字符相连
1+1 = 2;
“你好” + “吗” “你好吗”
“你好” + 2 “你好2
2.减号-：减号可以相减，即使是字符型。
“0” + 10 “010”
10 - “2” 8
所有的input 取过来的值 是 字符型。
3.一元： a++ b++ +a -a
二元: a+b a>=b
三元: 表达式 ? 结果1 : 结果2 等价于 if else
如果表达式结果为真 ， 则返回 结果1
如果表达式结果为假， 则返回结果2
4.排他思想
5.变量 和属性
变量： 是独立存在的 自由自在的 miss 小姐 女士
属性和方法：属于某个对象的 属性和 方法 mrs
<script>
window.onload = function(){
var btns = document.getElementsByTagName('button');
var divs = document.getElementById('divs').getElementsByTagName('div');
for (var i = 0; i<btns.length ; i++) {
btns[i].index = i;
btns[i].onclick = function(){
for (var j = 0; j < btns.length;j++) {
btns[j].className = "";
divs[j].className = "";
}//去掉所有人
this.className="red";
divs[this.index].className = "show";
//留下我自己
}
}
}
</script>
