* CSS* CSS的簡(jiǎn)介* 層疊樣式表。* CSS與HTML的結(jié)合（4種）* HTML的標(biāo)簽提供了屬性style="CSS的代碼"* HTML提供了標(biāo)簽CSS的代碼放在中間* 引入外部的文件@import url("CSS文件的地址");寫在標(biāo)簽中間* 通過(guò)html的標(biāo)簽* 優(yōu)先級(jí)：一般情況下從上到下习勤，由外到內(nèi)猴鲫，優(yōu)先級(jí)從低到高的赊淑。特殊情況下標(biāo)簽選擇器 < 類選擇器 < ID選擇器 < style屬性* CSS的選擇器* 基本選擇器* 標(biāo)簽名選擇器* div{CSS}* 類選擇器* 有一個(gè)標(biāo)簽成黄，提供了class屬性

* .值{CSS}* ID選擇器* 有一個(gè)標(biāo)簽坏瘩，提供了class屬性

* #值{CSS}* 擴(kuò)展選擇器* 關(guān)聯(lián)選擇器* 中間使用空格例子：div font{CSS}* 組合選擇器* 不同的選擇器有相同的樣式例子：.haha,#hehe{CSS}* 偽元素選擇器* CSS提供了一些選擇器。* CSS的布局* JS* js的簡(jiǎn)介* js基于對(duì)象和事件驅(qū)動(dòng)的腳本語(yǔ)言房待，作用客戶端上。* 特點(diǎn)：* 交互性* 安全性* 擴(kuò)平臺(tái)性* js與java不同* js基于對(duì)象驼抹，java面向?qū)ο? js解析就可以執(zhí)行桑孩，java先編譯再執(zhí)行* js是弱類型的語(yǔ)言，java是強(qiáng)類型的語(yǔ)言框冀。* js的組成* ECMAScript* BOM* DOM* js的語(yǔ)法* 關(guān)鍵字var function* 標(biāo)示符* 注釋// /**/* 變量* var 聲明變量* js的基本數(shù)據(jù)String 字符串類型* var str = "abc"; var str = 'abc';Number數(shù)字類型* 不區(qū)分整數(shù)和小數(shù)Boolean布爾類型Null空Undefined未定義（聲明沒(méi)有賦值）* typeof()判斷變量的類型* js的運(yùn)算符alert(true + 1);//2==比較值===比較值和類型* js的語(yǔ)句if(num == 4){alert("ss");}for(var i=0;i<4;i++){document.write("str"+"

");}* js的數(shù)組* 聲明數(shù)組兩種方式var arr = [22,33];var arr = new Array(4);長(zhǎng)度var arr = new Array(4,5);元素* length數(shù)組的長(zhǎng)度* js的函數(shù)* 聲明函數(shù)functionfunction 函數(shù)名稱(參數(shù)列表不能使用var關(guān)鍵字){函數(shù)體;return;返回值沒(méi)有可以不寫}function getSum(){return 100;}var sum = getSum;sum();=======================================================================================================================* js的動(dòng)態(tài)函數(shù)和匿名函數(shù)* js的動(dòng)態(tài)函數(shù)和匿名函數(shù)* 動(dòng)態(tài)函數(shù)function getSum(){return 50;}js提供了內(nèi)置對(duì)象Function* 匿名函數(shù)* 沒(méi)有名稱的函數(shù)* js的全局變量和局部變量* 全局變量：在標(biāo)簽內(nèi)部定義的變量流椒，全局變量。* 局部變量：在函數(shù)的內(nèi)部定義的變量明也，局部變量镣隶。* javascript的對(duì)象和API* String 對(duì)象* 聲明var str = "abc";var str = new String("abc");* 屬性：length：字符串的長(zhǎng)度* 方法：* 和HTML相關(guān)的方法（書寫沒(méi)有提示的）* bold()使用粗體顯示顯示字符串* fontcolor(color)參數(shù)是必須的，設(shè)置字體的顏色* fontsize(size)設(shè)置字體的大泄钣摇（1-7）* italics()斜體* link(url)設(shè)置鏈接* sub()下標(biāo)* sup()上標(biāo)* 和java中String對(duì)象類似的（*****）* charAt(index)返回指定位置的字符* indexOf(str,fromIndex)檢索字符串安岂，沒(méi)有返回-1* lastIndexOf(str,fromIndex)從后向前檢索字符串* replace(要替換的字符串,替換成啥)* substring(start,stop)截取字符串* substr(start,length)截取字符串，從哪開始帆吻，截取多長(zhǎng)* 定義一個(gè)方法：可以去掉字符串兩邊的空格域那。var str = " ab c ";var newStr = mytrim(str);newStr = "ab c";* String 對(duì)象* 聲明var str = "abc";var str = new String("abc");* 屬性：length：字符串的長(zhǎng)度* 方法：* 和HTML相關(guān)的方法（書寫沒(méi)有提示的）* bold()使用粗體顯示顯示字符串* fontcolor(color)參數(shù)是必須的，設(shè)置字體的顏色* fontsize(size)設(shè)置字體的大胁轮蟆（1-7）* italics()斜體* link(url)設(shè)置鏈接* sub()下標(biāo)* sup()上標(biāo)* 和java中String對(duì)象類似的* charAt(index)返回指定位置的字符* indexOf(str,fromIndex)檢索字符串次员，沒(méi)有返回-1* lastIndexOf(str,fromIndex)從后向前檢索字符串* replace(要替換的字符串,替換成啥)* substring(start,stop)截取字符串* substr(start,length)截取字符串，從哪開始王带，截取多長(zhǎng)* Array對(duì)象* 聲明數(shù)組var arr = [12,33];var arr = new Array(4,4);* Array對(duì)象* 聲明數(shù)組var arr = [12,33];var arr = new Array(4,4);* 屬性：length：長(zhǎng)度* 方法：* concat(元素淑蔚，數(shù)組);返回新的數(shù)組* join(s)通過(guò)s標(biāo)識(shí)（-），進(jìn)行分隔愕撰，返回字符串* pop()刪除末尾的元素刹衫，返回最后一個(gè)元素* push()向末尾添加元素醋寝，返回新數(shù)組的長(zhǎng)度* sort()排序的方法* Date日期對(duì)象var date = new Date();當(dāng)前的日期* Date日期對(duì)象var date = new Date();當(dāng)前的日期* toLocaleString()轉(zhuǎn)換本地的日期格式* toLocaleDateString()只包含日期* toLocaleTimeString()只包含時(shí)間* getDate()返回一個(gè)月中的某一天（1-31）* getDay()返回一周中的某一天(0-6)* getMonth()返回月份（0-11）+1* getFullYear()返回年份* getTime()返回毫秒數(shù)* setTime()通過(guò)毫秒數(shù)獲取日期* var date3 = new Date(1415937050973);* parse(str)解析字符串，返回毫秒數(shù)Date.parse(str);str：2014-11-14解析不了11/14/2014可以解析2014,11,14可以解析* Math 和數(shù)學(xué)相關(guān)的對(duì)象* math對(duì)象（靜態(tài)的方法）* ceil(x)上舍入* floor(x)下舍入* round(x)四舍五入* random()0-1的隨機(jī)數(shù)* RegExp對(duì)象* 正則表達(dá)式對(duì)象* 應(yīng)用：編寫注冊(cè)的表單带迟，對(duì)表單輸入的內(nèi)容進(jìn)行校驗(yàn)音羞。* var reg = new RegExp("表達(dá)式");（開發(fā)中不經(jīng)常使用）* var reg = /表達(dá)式/開發(fā)中經(jīng)常使用* var reg = /^表達(dá)式$/開發(fā)中經(jīng)常使用* exec(string)不經(jīng)常使用* 如果匹配，返回匹配的結(jié)果* test(string)經(jīng)常使用* 如果匹配仓犬，返回是true嗅绰，如果不匹配，返回是falseif(reg.test("abc")){// 匹配上了}else{}* 全局函數(shù)* 使用全局函數(shù)搀继，不需要任何的對(duì)象窘面。* 全局函數(shù)可以拿過(guò)來(lái)使用。* global幫著管理全局函數(shù)叽躯。* 全局函數(shù)* eval()可以解析字符串民镜，執(zhí)行字符串中間的js代碼* isNaN()判斷是否是非數(shù)字值* parseInt()解析字符串，返回整數(shù)* encodeURI()進(jìn)行編碼* decodeURI()解析解碼* encodeURIComponent()* decodeURIComponent()* escape()* unescape()* BOM瀏覽器對(duì)象模型* (Brower Object Model)Window 窗口對(duì)象（*****）Navigator 和瀏覽器版本相關(guān)的對(duì)象（**）Screen 和屏幕相關(guān)的對(duì)象（-*）History 和瀏覽器歷史相關(guān)（**）Location 和瀏覽器地址相關(guān)的對(duì)象（***）Document文檔對(duì)象Window 窗口對(duì)象（*****）Navigator 和瀏覽器版本相關(guān)的對(duì)象（**）* userAgent獲取瀏覽器的相關(guān)的信息* window.navigator.userAgentwindow可以省略不寫Screen 和屏幕相關(guān)的對(duì)象（-*）History 和瀏覽器歷史相關(guān)（**）* back()返回上一個(gè)頁(yè)面* forward()去下一個(gè)頁(yè)面* go()* 傳參數(shù)go(1)等于forward()go(-1)等于back()Location 和瀏覽器地址相關(guān)的對(duì)象（***）* href獲取和設(shè)置瀏覽器的路徑（***）* 事件* onclick點(diǎn)擊事件* 值的寫法：* document對(duì)象* alert()彈出提示框* confirm("參數(shù)")詢問(wèn)框* 提供倆按鈕险毁，確定和取消* 如果點(diǎn)擊是確定制圈，返回true，如果點(diǎn)擊取消畔况，返回false* moveBy()移動(dòng)瀏覽器* setInterval("函數(shù)",毫秒值)定時(shí)相關(guān)的* 每隔毫秒值執(zhí)行一次函數(shù)* 返回唯一的id值* setTimeout("函數(shù)",毫秒值)* 到了毫秒值后執(zhí)行一次函數(shù)* 返回唯一的id值* 清除定時(shí)clearInterval(id的值)clearTimeout()* close()關(guān)閉瀏覽器的窗口* open()打開瀏覽器窗口* 屬性：* opener 返回對(duì)創(chuàng)建此窗口的窗口的引用鲸鹦。 * win open()彈出baidu的窗口在baidu窗口中 baidu.opener得到了win的引用。* document對(duì)象方法* document.getElementById("nameId"); 獲取到是input標(biāo)簽的對(duì)象* DOM文檔對(duì)象模型