CSS和Javascript簡(jiǎn)單復(fù)習(xí)資料
CSS:
內(nèi)聯(lián)樣式表 標(biāo)簽內(nèi)直接加style=””
嵌入式樣式表 定義在<head>標(biāo)簽
<style type=”text/css”>
外部樣式表
<link rel=”StyleSheet” href=”style.css”>
選擇器:
HTML選擇器:接在html標(biāo)簽后加css
如:p{color:red}
class選擇器:1 在html標(biāo)簽后加class名,再加css
如:p.red{color:red}
2 直接加class名,再加css
如:.red{color:red} 注意前面有個(gè)點(diǎn)
ID選擇器:在ID前加一個(gè)#號(hào)
如:#red{color:red} ID選擇器只為某一ID的控件使用
關(guān)聯(lián)選擇器:有嵌套的html標(biāo)簽,用空格隔開(kāi)
如:P EM{color:red}
組合選擇器:多個(gè)html標(biāo)簽,用逗號(hào)隔開(kāi)
如: H1,H2,H3{color:red}
偽元素選擇器:HTML元素:偽元素
如:A:link{color:red}
注釋:使用 /* … */ 進(jìn)行注釋,不可嵌套
javascript:
javascript的數(shù)據(jù)類型:
基本數(shù)據(jù)類型:數(shù)值、字符串、布爾、空、undefined
注意:javascript中字符串是基本類型,傳遞的是值,不是地址。和java不同。
轉(zhuǎn)義字符
變量:字母、數(shù)字、下劃線、美元符$ ,以字母開(kāi)頭
javascript的函數(shù):
function 函數(shù)名 (參數(shù)){
函數(shù)體;
return 表達(dá)式;
}
注意:函數(shù)由function定義。
形參:javascript不要求實(shí)參和形參個(gè)數(shù)相等,可以通過(guò)使用function_name.arguments.length來(lái)得到傳過(guò)來(lái)的參數(shù)的個(gè)數(shù)。
內(nèi)部函數(shù): encodeURI / decodeURI
parseInt / pareFloat
isNan 檢測(cè)parseInt / pareFloat的值是否是NaN
escape / unescape 對(duì)一個(gè)字符串進(jìn)行編碼后的字符串
eval 把一個(gè)字符串作為一個(gè)JavaScript表達(dá)式
javascript:
javascript的數(shù)據(jù)類型:
基本數(shù)據(jù)類型:數(shù)值、字符串、布爾、空、undefined
注意:javascript中字符串是基本類型,傳遞的是值,不是地址。和java不同。
轉(zhuǎn)義字符
變量:字母、數(shù)字、下劃線、美元符$ ,以字母開(kāi)頭
javascript的函數(shù):
function 函數(shù)名 (參數(shù)){
函數(shù)體;
return 表達(dá)式;
}
注意:函數(shù)由function定義。
形參:javascript不要求實(shí)參和形參個(gè)數(shù)相等,可以通過(guò)使用function_name.arguments.length來(lái)得到傳過(guò)來(lái)的參數(shù)的個(gè)數(shù)。
內(nèi)部函數(shù): encodeURI / decodeURI
parseInt / pareFloat
isNan 檢測(cè)parseInt / pareFloat的值是否是NaN
escape / unescape 對(duì)一個(gè)字符串進(jìn)行編碼后的字符串
eval 把一個(gè)字符串作為一個(gè)JavaScript表達(dá)式
javascript的對(duì)象:
對(duì)象的屬性:不需要先定義,可以直接使用
對(duì)象的方法:
定義:對(duì)象名.方法名 = 函數(shù)名
調(diào)用:對(duì)象名.方法名()
如:
//定義了一個(gè)方法
function sayname(){
alert(“name”);
}
object1.say=sayname;
object1.say();
對(duì)象的定義:
對(duì)象定義時(shí),對(duì)象的屬性可以自己定義。
用for ( var prop in object) {}可以遍歷object里面的屬性
內(nèi)部對(duì)象: Object對(duì)象: new Object() 新建一個(gè)對(duì)象
String對(duì)象:
屬性: length
方法: indexOf() / lastIndexOf()
match(正則表達(dá)式)
正則表達(dá)式:
以/ …. /作為標(biāo)志
使用test()方法,符合條件返回true
replace() 替換第一次出現(xiàn)的字符
split() 返回一個(gè)數(shù)組
substring() 截位置 / substr() 截長(zhǎng)度
Math對(duì)象: Math對(duì)象是靜態(tài)對(duì)象,需要用Math.方法名()調(diào)用
Date對(duì)象: new Date() 構(gòu)造方法
getYear() / getMonth()+1 / getDate() / getDay/ getTime()
toString方法: toString()可以轉(zhuǎn)換進(jìn)制 如toString(2);
數(shù)組: var arr = new Array();
同一個(gè)數(shù)組中可以加不同類型的值。數(shù)組的長(zhǎng)度可變。
javascript的局部變量建立后,可以在整個(gè)函數(shù)體內(nèi)中的任何地方使用。
事件驅(qū)動(dòng)(通用): onClick();
onChange():
select 中選項(xiàng)改變時(shí)
onSelect():
onFocus() / onBlur 獲得 / 失去 焦點(diǎn)
onLoad() / onUnload();
document對(duì)象:
方法:
write() / writeln() 使用后要用 close() 關(guān)閉
getElementById / getElementsByName 得到元素
createElement()
包含對(duì)象:
forms數(shù)組 得到<form></form>對(duì)象
links數(shù)組 得到<a href=””></a>對(duì)象
anchors數(shù)組 得到<a name=””></a>對(duì)象
all數(shù)組 得到所有對(duì)象
body對(duì)象: 事件:
onselectstart =”return false” 時(shí)就不能選擇網(wǎng)頁(yè)上的東西了
onscroll
包含對(duì)象:
all
style
form對(duì)象: 方法: submit()
reset()
事件: onsubmit 函數(shù)體內(nèi) return true or false 判斷是否提交表單
包含對(duì)象:
方法: blur / focus
click
add (select 用)
屬性: disabled / readOnly
value
checked
select特殊的屬性:
multiple 是否可以復(fù)選
selectedIndex 選擇的Index
options 返回options數(shù)組
option屬性
selected
index
事件: onChange
onSelect
onFocus
onBlur
window對(duì)象: 方法: alert() / prompt() / confirm() :
prompt()返回的是值 / confirm()返回 true/false
open() / close()
setInterval() / setTimeout() 對(duì)應(yīng) clearInterval / clearTimeout
moveTo / resizeTo
showModalDialog() / showModalessDialog()
showModalDialog()中可以用第二個(gè)參數(shù)向?qū)υ捒騻髦?/SPAN>
對(duì)話框可以用returnValue返回值
事件: onresize事件
對(duì)象: location:地址欄對(duì)象,可以得到地址欄或者改變網(wǎng)頁(yè)
刷新:reload()
event:得到事件源
frames:數(shù)組
screen:提供顯示器信息
history: go(0 / -1) / back() / forward()
navigator:瀏覽器信息
document:文檔信息
相關(guān)文章
微信小程序scroll-view不能左右滑動(dòng)問(wèn)題的解決方法
scroll-view為滾動(dòng)視圖,分為水平滾動(dòng)和垂直滾動(dòng),這篇文章主要給大家介紹了關(guān)于微信小程序scroll-view不能左右滑動(dòng)問(wèn)題的解決方法,需要的朋友可以參考下2021-07-07iphone safari不支持position fixed的解決方法
最近一直在做移動(dòng)web開(kāi)發(fā),開(kāi)發(fā)過(guò)程中遇到了許多問(wèn)題,mobile safari不支持position: fixed就是一件很頭疼的事情2012-05-05如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
從IE 10開(kāi)始,type=”text” 的 input 在用戶輸入內(nèi)容后,會(huì)自動(dòng)產(chǎn)生一個(gè)小叉叉(X),方便用戶點(diǎn)擊清除已經(jīng)輸入的文本,下面通過(guò)本文給大家介紹下如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)2016-12-12原生js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制內(nèi)容到剪切板,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11基于JS實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于HTML+JavaScript實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11JS實(shí)現(xiàn)三級(jí)折疊菜單特效,其它級(jí)可自動(dòng)收縮
這篇文章主要介紹了JS實(shí)現(xiàn)三級(jí)折疊菜單特效,其它級(jí)可自動(dòng)收縮,需要的朋友可以參考下2015-08-08javascript中slice(),splice(),split(),substring(),substr()使用方法
這篇文章主要介紹了javascript中slice(),splice(),split(),substring(),substr()使用方法,需要的朋友可以參考下2015-03-03setTimeout自動(dòng)觸發(fā)一個(gè)js的方法
本文為大家介紹下使用setTimeout自動(dòng)觸發(fā)一個(gè)js,具體實(shí)現(xiàn)如下,喜歡的朋友可以學(xué)習(xí)下2014-01-01解析微信JS-SDK配置授權(quán),實(shí)現(xiàn)分享接口
這篇文章是微信開(kāi)發(fā)的很多前置條件,包括了服務(wù)端基于JAVA的獲取和緩存全局的access_token,獲取和緩存全局的jsapi_ticket,以及前端配置授權(quán)組件封裝,調(diào)用分享組件封裝。需要的朋友可以看下2016-12-12Javascript自定義函數(shù)判斷網(wǎng)站訪問(wèn)類型是PC還是移動(dòng)終端
如果,能夠判斷出訪問(wèn)Web網(wǎng)頁(yè)的類型(PC還是移動(dòng)終端)。就可以解決許多絢麗多彩的 Flash效果出不來(lái)的問(wèn)題2014-01-01