面對對象
構(gòu)建函數(shù)
命名
1. 必須由 英文咧栗、數(shù)字、_、 $ 組成
2. 不能以數(shù)字開頭
3. 不能與系統(tǒng)的名字重名
命名建議
1. 見名知意(英文衰琐、拼音)
2. 變量的名字 駝峰命名法 例如: backgroundColor
3. 構(gòu)造函數(shù)的名字揩局,建議 在駝峰的基礎(chǔ)上毫玖,首字母大寫!
當(dāng)你采用new關(guān)鍵字創(chuàng)建對象時(shí),函數(shù)內(nèi)部的this就是當(dāng)前對象
new 會(huì)執(zhí)行函數(shù) Person中的代碼
參數(shù)
創(chuàng)建對象時(shí)孕豹,可以傳遞參數(shù)涩盾,與函數(shù)調(diào)用的規(guī)則是一致的,一一對應(yīng)的
function Person(n, h)
var Jobs = new Person("Jobs", 200)
螢火蟲
面對對象
1. 找對象
2. 實(shí)現(xiàn)對象
document.createElement 創(chuàng)建標(biāo)簽
document.getElementById 通過id獲取標(biāo)簽
document.getElementsByTagName 通過標(biāo)簽名獲取標(biāo)簽
1. 創(chuàng)建螢火蟲
2.讓螢火蟲飛
拖拽
屬性
元素按下的時(shí)候開始 this.ele.onmousedown = function(e)
阻止默認(rèn)行為 e.preventDefault();
自由主題
方法
開始
this.start = function() {
document.onmousemove = function(e) {
var x = e.clientX - self.detaX;
var y = e.clientY - self.detaY;
self.move(x, y)
}
移動(dòng)
this.move = function(x, y) {
self.ele.style.left = x + "px";
self.ele.style.top = y + "px";
}
停止
this.stop = function() {
document.onmousemove = null;
}
無標(biāo)題文章
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門饱溢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喧伞,“玉大人,你說我怎么就攤上這事绩郎∨琐辏” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵肋杖,是天一觀的道長溉仑。 經(jīng)常有香客問我,道長状植,這世上最難降的妖魔是什么浊竟? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮津畸,結(jié)果婚禮上振定,老公的妹妹穿的比我還像新娘。我一直安慰自己肉拓,他們只是感情好吩案,可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帝簇,像睡著了一般徘郭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上丧肴,一...
- 文/蒼蘭香墨 我猛地睜開眼眶痰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了梯啤?” 一聲冷哼從身側(cè)響起竖伯,我...
- 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎因宇,沒想到半個(gè)月后七婴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡察滑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年打厘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贺辰。...
- 正文 年R本政府宣布滓侍,位于F島的核電站,受9級特大地震影響牲芋,放射性物質(zhì)發(fā)生泄漏撩笆。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一缸浦、第九天 我趴在偏房一處隱蔽的房頂上張望夕冲。 院中可真熱鬧,春花似錦裂逐、人聲如沸歹鱼。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽弥姻。三九已至,卻和暖如春掺涛,著一層夾襖步出監(jiān)牢的瞬間庭敦,已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長得像疼电,于是被迫代替她去往敵國和親嚼锄。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- ##**理解對象**## --- ###**屬性類型** > JavaScript中有兩種屬性類型 分別是 數(shù)據(jù)屬...