|
|
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()：
select 中選項改變時
onSelect()：
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 判斷是否提交表單
包含對象：
方法： blur / focus
click
add (select 用)
屬性： disabled / readOnly
value
checked
select特殊的屬性：
multiple 是否可以復選
selectedIndex 選擇的Index
options 返回options數組
option屬性
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：文檔信息
JavaScript技術：CSS和Javascript簡單復習資料，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
