html網頁製作源碼「html網頁彈窗代碼怎麼修改按鈕」

「小白!對象方法裏面調用自己的屬性怎麼調用?」

「this.語法調用啊!」

老朱說:「沒事我就是隨便問問,今天我們繼續完善昨天的彈窗控件,還是打開昨天建的那個javascript文件里的代碼吧!」

小白說:「好嘞,早就準備好了!」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

老朱又重新看了一遍代碼說道:「小白,你說彈窗有哪幾個地方是需要設置的?」

小白想了想說:「提示的標題、提示的內容、還有點了確定要觸發的事件!」

「恩,這三個是比較關鍵的,如果要設置這三個內容,我們是不是應該先給Layer三個屬性?」

「恩,我了解你的意思了,稍等,我把屬性加上!」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

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

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

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

小白想了一會,突然說道:「我知道了,把html屬性改成方法進行賦值就可以了!稍等我再改一下。」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

「這次沒有問題了,我把html改成了方法,然後在alert中將title和content的值賦了進去,彈窗不報undefined錯誤了!」

老朱高興的說道:「是啊!這樣我們在頁面中給彈窗(Layer)的title和content賦值以後,通過alert就可以直接彈出結果了,你試試!」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法
《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

「果然可以使用了!」

老朱跟小白說:「你現在通過設定屬性才能彈窗,能不能實現這樣一個功能,直接通過alert方法也可以實現彈窗提示信息。」

小白想了想說道:「可以,我把alert方法加上參數就可以了!」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

「好了,這下不但能夠通過屬性修改標題(title)和內容(content),通過alert方法也可以直接賦值了!」

「小白,這種方法確實可以實現我們想要的功能,不過為了方便我們給alert傳遞的參數最好改成一個javaScript對象,這樣我們就不用考慮傳遞參數的順序了。你再改改吧!」

《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法
《小白HTML5成長之路33》自定義彈窗修改彈窗內容實現方法

「改好了,現在傳遞參數的時候傳遞一個Object對象就可以了。這塊我再消化消化吧!感覺信息量有點大。」

老朱跟小白說:「其實也沒多少吧!只不過我們一直在改,點擊確定的事件還沒做呢,還有關閉按鈕,還有動畫效果,還有……」

「唉~我還是先熟悉一下今天說的這點內容吧!」

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/274340.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-17 14:12
下一篇 2024-12-17 14:12

相關推薦

發表回復

登錄後才能評論