“小白漫谷!對象方法里面調(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成長之路》的動力!