第4天：Web相關知識（Html+CSS+JavaScript）

HTML
    英文全稱：Hyper Text Mark-up Language
    中文名稱：超文字標記語言 (HTML)
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);