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:文檔信息