「小白!對象方法裏面調用自己的屬性怎麼調用?」
「this.語法調用啊!」
老朱說:「沒事我就是隨便問問,今天我們繼續完善昨天的彈窗控件,還是打開昨天建的那個javascript文件里的代碼吧!」
小白說:「好嘞,早就準備好了!」

老朱又重新看了一遍代碼說道:「小白,你說彈窗有哪幾個地方是需要設置的?」
小白想了想說:「提示的標題、提示的內容、還有點了確定要觸發的事件!」
「恩,這三個是比較關鍵的,如果要設置這三個內容,我們是不是應該先給Layer三個屬性?」
「恩,我了解你的意思了,稍等,我把屬性加上!」

「奇怪了,我加上這三個屬性後,在html裏面讓標題和內容動態變化怎麼會取不到值呢?」

老朱對小白說道:「代碼一眼看上去沒有問題,你可能會想在既然alert方法中能獲取到html屬性的值,為什麼獲取不到title和content的值呢?其實你在這裡控制台輸出一下可以看到,這三個值都可以直接在alert方法中輸出。但是有一個點你不要忘了,我們在alert中拿到的html屬性值在使用alert方法之前已經進行過計算,html屬性是取不到title和content的值的,這塊等你詳細了解javaScript對象的機制以後就會明白,現在我們先不用深究,你用之前已經學到的知識想一想還有沒有別的辦法?」
小白想了一會,突然說道:「我知道了,把html屬性改成方法進行賦值就可以了!稍等我再改一下。」

「這次沒有問題了,我把html改成了方法,然後在alert中將title和content的值賦了進去,彈窗不報undefined錯誤了!」
老朱高興的說道:「是啊!這樣我們在頁面中給彈窗(Layer)的title和content賦值以後,通過alert就可以直接彈出結果了,你試試!」


「果然可以使用了!」
老朱跟小白說:「你現在通過設定屬性才能彈窗,能不能實現這樣一個功能,直接通過alert方法也可以實現彈窗提示信息。」
小白想了想說道:「可以,我把alert方法加上參數就可以了!」

「好了,這下不但能夠通過屬性修改標題(title)和內容(content),通過alert方法也可以直接賦值了!」
「小白,這種方法確實可以實現我們想要的功能,不過為了方便我們給alert傳遞的參數最好改成一個javaScript對象,這樣我們就不用考慮傳遞參數的順序了。你再改改吧!」


「改好了,現在傳遞參數的時候傳遞一個Object對象就可以了。這塊我再消化消化吧!感覺信息量有點大。」
老朱跟小白說:「其實也沒多少吧!只不過我們一直在改,點擊確定的事件還沒做呢,還有關閉按鈕,還有動畫效果,還有……」
「唉~我還是先熟悉一下今天說的這點內容吧!」
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/274340.html