第4天：Web相关知识（Html+CSS+JavaScript）

HTML
    英文全称：Hyper Text Mark-up Language
    中文名称：超文本标记语言
CSS
    英文全称：Cascading Style Sheet
    中文名称：层叠样式表
        标签选择器
        类选择器
        ID选择器
        派生选择器
    css定位
        display：none    不显示
        display：block   块元素
        display:inline   行元素
JavaScript
    (1) 使用场合：
        数据验证
        为页面添加动态效果
        动态改变页面的外观
        Ajax JQuery
    (2) JavaScript脚本引入
        页面内元素的嵌入    <a href="javascriptLalert('HelloWord');">
        单独放在文件里面    <script type="text/javascript" src="js01.js"></script>
        页面内部           <script type="text/javascript">alert("HelloWord");</script>
    (3) 常见数据类型
        number string boolean null undefiend
        将字符串转换成数值    parseInt() parseDouble()
        将数值转换成字符     totring()
        字符串中的属性和方法 
            length属性                字符串长度
            charAt(index)            返回指定位置的字符
            subString(from, to)      返回子串
            indexOf(str)             返回str在字符串第一次出现的索引
            match(regex)             返回符合条件的数组
                var reg = /[0-9]/g;
                var str = "ssjjk333khh20k"    
                var rs = str.match(reg);    返回{333，20}
            test(reg)                是否满足条件
                var reg2 = /[0-9]/g;
                var str = "skl234";
                var rs = reg2.test(str);    返回boolean类型的数据
            search(res);
            toUpperCase();  转大写
            toLowerCase();  转小写
        数组
            var newArray = new Array();
            length 属性
            toString()
            concat();   连接两个数组
            join();     将数组中的元素连接成字符串
            reverse();  翻转数组
            slice();    截取数组的一部分并返回一个新数组
    (4) 常见事件
        onclick();      鼠标点击事件
        onchange();     内容改变时触发的事件
        onfocus();      鼠标获得焦点事件
        onblur();       鼠标失去焦点事件
        onload();       元素加载事件
        onmouseout();   鼠标移出
        onmouseover();  鼠标经过
        ondblclick();   鼠标双击事件
    (5) DOM模型
        a、如何访问页面中的元素
            var obj = document.getElementById(idname);
            obj.value;
            <div id="idname">
            prototype.js
            $(idname);
            $Fun(idname);