“小白！對象方法裡面調用自己的屬性怎麼調用？”
“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-hant/n/274340.html
微信掃一掃 
支付寶掃一掃 