DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> CSS和Javascript簡單復習資料
CSS和Javascript簡單復習資料
編輯:關於JavaScript     

CSS:

內聯樣式表 標簽內直接加style=””

嵌入式樣式表 定義在<head>標簽

              <style type=”text/css”>

外部樣式表   

              <link rel=”StyleSheet” href=”style.css”>

 

       選擇器

HTML選擇器:接在html標簽後加css

                            如:p{color:red}

                     class選擇器:1 在html標簽後加class名,再加css

                            如:p.red{color:red}

                                          2 直接加class名,再加css

                            如:.red{color:red} 注意前面有個點

                     ID選擇器:在ID前加一個#號

                            如:#red{color:red} ID選擇器只為某一ID的控件使用

                     關聯選擇器:有嵌套的html標簽,用空格隔開

                            如:P EM{color:red}

                     組合選擇器:多個html標簽,用逗號隔開

                            如: H1,H2,H3{color:red}

                     偽元素選擇器:HTML元素:偽元素

                            如:A:link{color:red}

 

       注釋:使用 /* … */ 進行注釋,不可嵌套

 

javascript:

javascript的數據類型:

              基本數據類型:數值、字符串、布爾、空、undefined

注意:javascript中字符串是基本類型,傳遞的是值,不是地址。和java不同。

              轉義字符

              變量:字母、數字、下劃線、美元符$ ,以字母開頭

 

javascript的函數:

function 函數名 (參數){
函數體;

              return 表達式;

}

              注意:函數由function定義。

              形參:javascript不要求實參和形參個數相等,可以通過使用function_name.arguments.length來得到傳過來的參數的個數。

              內部函數:    encodeURI / decodeURI

                                   parseInt / pareFloat

                                   isNan 檢測parseInt / pareFloat的值是否是NaN

                                   escape / unescape 對一個字符串進行編碼後的字符串

                                   eval 把一個字符串作為一個JavaScript表達式

 

javascript:

javascript的數據類型:

              基本數據類型:數值、字符串、布爾、空、undefined

注意:javascript中字符串是基本類型,傳遞的是值,不是地址。和java不同。

              轉義字符

              變量:字母、數字、下劃線、美元符$ ,以字母開頭

 

javascript的函數:

function 函數名 (參數){
函數體;

              return 表達式;

}

              注意:函數由function定義。

              形參:javascript不要求實參和形參個數相等,可以通過使用function_name.arguments.length來得到傳過來的參數的個數。

              內部函數:    encodeURI / decodeURI

                                   parseInt / pareFloat

                                   isNan 檢測parseInt / pareFloat的值是否是NaN

                                   escape / unescape 對一個字符串進行編碼後的字符串

                                   eval 把一個字符串作為一個JavaScript表達式

 

javascript的對象:

              對象的屬性:不需要先定義,可以直接使用

              對象的方法:

                             定義:對象名.方法名 = 函數名

                             調用:對象名.方法名()

                             如:

                                   //定義了一個方法

                                          function sayname(){

                                                 alert(“name”);

                                          }

                                          object1.say=sayname;

                                          object1.say();

              對象的定義:

                            對象定義時,對象的屬性可以自己定義。

                            用for ( var prop in object) {}可以遍歷object裡面的屬性

              內部對象:    Object對象: new Object() 新建一個對象

                                  String對象:

                                                        屬性:    length

                                                        方法:    indexOf() / lastIndexOf()

                                                                     match(正則表達式)

                                                                      正則表達式:

                                                                                    以/ …. /作為標志

                                                                                    使用test()方法,符合條件返回true

                                                                      replace() 替換第一次出現的字符

                                                                      split() 返回一個數組

                                                                      substring() 截位置 / substr() 截長度

                                   Math對象:   Math對象是靜態對象,需要用Math.方法名()調用

                                   Date對象:   new Date() 構造方法

                                                        getYear() / getMonth()+1 / getDate() / getDay/ getTime()

                                   toString方法:     toString()可以轉換進制 如toString(2);

 

數組:    var arr = new Array();

              同一個數組中可以加不同類型的值。數組的長度可變。

      

javascript的局部變量建立後,可以在整個函數體內中的任何地方使用。

 

事件驅動(通用): onClick();

                            onChange(): text / textarea 輸入字符時

                                                 select 中選項改變時

                            onSelect():   text / textarea 中文字被選中時

                            onFocus() / onBlur 獲得 / 失去 焦點

                            onLoad() / onUnload();

 

document對象:  

方法:

              write() / writeln() 使用後要用 close() 關閉

              getElementById / getElementsByName 得到元素

              createElement()

包含對象:

              forms數組 得到<form></form>對象

              links數組 得到<a href=””></a>對象

              anchors數組 得到<a name=””></a>對象

              all數組 得到所有對象

 

body對象:          事件:

                                          onselectstart  =”return false” 時就不能選擇網頁上的東西了

                                          onscroll

                            包含對象:

                                          all

                                          style

form對象:          方法:   submit()

                                          reset()

                            事件:    onsubmit   函數體內 return true or false 判斷是否提交表單

                            包含對象:

                                          text / textarea / select / checkbox / radio:

                                                        方法:    blur / focus

                                                                      click

                                                                      add (select 用)

                                                        屬性:    disabled / readOnly

                                                                      value

                                                                      checked

                                                        select特殊的屬性:

                                                                      multiple 是否可以復選

                                                                      selectedIndex 選擇的Index

                                                                      options 返回options數組

                                                        option屬性

                                                                      text / value

                                                                      selected

                                                                      index

 

                                                        事件:   onChange

                                                                      onSelect

                                                                      onFocus

                                                                      onBlur

 

window對象:      方法:    alert() / prompt() / confirm() :

                                                               prompt()返回的是值 / confirm()返回 true/false

                                          open() / close()

                                          setInterval() / setTimeout()   對應 clearInterval / clearTimeout

                                          moveTo / resizeTo

                                          showModalDialog() / showModalessDialog()

                                                        showModalDialog()中可以用第二個參數向對話框傳值

                                                        對話框可以用returnValue返回值

                            事件:    onresize事件

                            對象:    location:地址欄對象,可以得到地址欄或者改變網頁

                                                        刷新:reload()

                                          event:得到事件源

                                          frames:數組

                                          screen:提供顯示器信息

                                          history: go(0 / -1)  / back() /     forward()

                                          navigator:浏覽器信息

                                          document:文檔信息  

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved