《小白HTML5成長之路33》自定義彈窗修改彈窗內(nèi)容實現(xiàn)方法

“小白漫谷!對象方法里面調(diào)用自己的屬性怎么調(diào)用?”

“this.語法調(diào)用拔葚啊葛碧!”

老朱說:“沒事我就是隨便問問,今天我們繼續(xù)完善昨天的彈窗控件炒瘟,還是打開昨天建的那個javascript文件里的代碼吧吹埠!”

小白說:“好嘞,早就準備好了疮装!”

老朱又重新看了一遍代碼說道:“小白,你說彈窗有哪幾個地方是需要設(shè)置的粘都?”

小白想了想說:“提示的標題廓推、提示的內(nèi)容、還有點了確定要觸發(fā)的事件翩隧!”

“恩樊展,這三個是比較關(guān)鍵的,如果要設(shè)置這三個內(nèi)容堆生,我們是不是應(yīng)該先給Layer三個屬性专缠?”

“恩,我了解你的意思了淑仆,稍等涝婉,我把屬性加上!”

“奇怪了蔗怠,我加上這三個屬性后墩弯,在html里面讓標題和內(nèi)容動態(tài)變化怎么會取不到值呢吩跋?”

老朱對小白說道:“代碼一眼看上去沒有問題,你可能會想在既然alert方法中能獲取到html屬性的值渔工,為什么獲取不到title和content的值呢锌钮?其實你在這里控制臺輸出一下可以看到,這三個值都可以直接在alert方法中輸出引矩。但是有一個點你不要忘了梁丘,我們在alert中拿到的html屬性值在使用alert方法之前已經(jīng)進行過計算,html屬性是取不到title和content的值的旺韭,這塊等你詳細了解javaScript對象的機制以后就會明白氛谜,現(xiàn)在我們先不用深究,你用之前已經(jīng)學到的知識想一想還有沒有別的辦法茂翔?”

小白想了一會混蔼,突然說道:“我知道了,把html屬性改成方法進行賦值就可以了珊燎!稍等我再改一下惭嚣。”

“這次沒有問題了悔政,我把html改成了方法晚吞,然后在alert中將title和content的值賦了進去,彈窗不報undefined錯誤了谋国!”

老朱高興的說道:“是安鄣亍!這樣我們在頁面中給彈窗(Layer)的title和content賦值以后芦瘾,通過alert就可以直接彈出結(jié)果了捌蚊,你試試!”

“果然可以使用了近弟!”

老朱跟小白說:“你現(xiàn)在通過設(shè)定屬性才能彈窗缅糟,能不能實現(xiàn)這樣一個功能,直接通過alert方法也可以實現(xiàn)彈窗提示信息祷愉〈盎拢”

小白想了想說道:“可以,我把alert方法加上參數(shù)就可以了二鳄!”

“好了赴涵,這下不但能夠通過屬性修改標題(title)和內(nèi)容(content),通過alert方法也可以直接賦值了订讼!”

“小白髓窜,這種方法確實可以實現(xiàn)我們想要的功能,不過為了方便我們給alert傳遞的參數(shù)最好改成一個javaScript對象躯嫉,這樣我們就不用考慮傳遞參數(shù)的順序了纱烘。你再改改吧杨拐!”

“改好了,現(xiàn)在傳遞參數(shù)的時候傳遞一個Object對象就可以了擂啥。這塊我再消化消化吧哄陶!感覺信息量有點大〔负”

老朱跟小白說:“其實也沒多少吧屋吨!只不過我們一直在改,點擊確定的事件還沒做呢山宾,還有關(guān)閉按鈕至扰,還有動畫效果,還有……”

“唉~我還是先熟悉一下今天說的這點內(nèi)容吧资锰!”


想學H5的朋友可以關(guān)注老爐敢课,您的關(guān)注是我持續(xù)更新《小白HTML5成長之路》的動力!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末绷杜,一起剝皮案震驚了整個濱河市直秆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鞭盟,老刑警劉巖圾结,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異齿诉,居然都是意外死亡筝野,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門粤剧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來歇竟,“玉大人,你說我怎么就攤上這事抵恋⊥窘” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵馋记,是天一觀的道長。 經(jīng)常有香客問我懊烤,道長梯醒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任腌紧,我火速辦了婚禮茸习,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘壁肋。我一直安慰自己号胚,他們只是感情好籽慢,可當我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著猫胁,像睡著了一般箱亿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弃秆,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天届惋,我揣著相機與錄音,去河邊找鬼菠赚。 笑死脑豹,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的衡查。 我是一名探鬼主播瘩欺,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拌牲!你這毒婦竟也來了俱饿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤们拙,失蹤者是張志新(化名)和其女友劉穎稍途,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體砚婆,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡械拍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了装盯。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坷虑。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖埂奈,靈堂內(nèi)的尸體忽然破棺而出迄损,到底是詐尸還是另有隱情,我是刑警寧澤账磺,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布芹敌,位于F島的核電站,受9級特大地震影響垮抗,放射性物質(zhì)發(fā)生泄漏氏捞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一冒版、第九天 我趴在偏房一處隱蔽的房頂上張望液茎。 院中可真熱鬧,春花似錦、人聲如沸捆等。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽栋烤。三九已至谒养,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間班缎,已是汗流浹背蝴光。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留达址,地道東北人蔑祟。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像沉唠,于是被迫代替她去往敵國和親疆虚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容