前端基本功--js实战3 10.24

一、仿淘宝搜索框

1. 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>