午小白感覺有些感冒，身上特別沉，雖然一點狀態都沒有，但想起上午自定義彈窗的關閉事件還沒有做，心里一直放不下，還是找到了老朱：“朱哥，有時間沒？咱聊聊彈窗關閉的事情吧！”

老朱也有點感冒，啞著嗓子跟小白說：“我看你今天的狀態也不好，今天只把窗口關閉的方法實現了吧！你現在對JavaScript的機制還不是特別熟練，我們也不要做的太深入了，盡量用之前接觸過的方法來實現。你打開上午的代碼我們對著代碼說吧！”

“我們現在把你做的功能屢一遍看看，首先你設置的Layer對象有兩個屬性：彈窗標題（title）和彈窗內容（content），通過alert方法傳遞一個含有title值和content值的對象后，先更改彈窗的標題和內容屬性字段，然后將彈窗的html內容寫入到body的底部。”

小白說道：“是的，我剛才想過一個關閉窗口的辦法：在確定按鈕上面添加一個onclick事件。測試了一下也可以關閉窗口，是不是這樣就可以了？”

“你設置的確定按鈕“點擊事件”僅僅是從頁面中找到彈窗容器后把它移除掉，假如我還想點了確定按鈕以后，再做一些其他的處理就不好辦了。具體來說就是彈窗出現以后我們給Layer窗口傳遞一個函數，當點擊確定以后不但窗口關閉，還得執行我們傳遞的那個函數。”

“函數也能作為參數傳遞么？”，小白不解的問道。

“當然可以了，函數不但能作為參數傳遞，還能把多個函數放到數組里面，這個我們以后再詳細討論。你現在給layer傳遞的參數是一個對象，既然是對象肯定能添加方法，傳遞的那個函數就放到這個對象的方法里。”

“有點暈啊！”

“我把你之前頁面中使用Layer.alert()方法傳遞的參數改一下你就明白了。”

“看到沒？之前我們的參數對象只包含title和content。現在增加了一個onsure，它的值就是一個讓頁面中的圖片隱藏的函數！現在我把Layer的alert方法改一下，你看看。”

“在alert方法中我們使用確定按鈕的click事件，把傳遞進來的函數和隱藏窗口的方法都執行就可以了。現在看一下頁面中的彈窗功能能不能實現點擊確定以后隱藏圖片！”

老朱最后說道：“小白，你覺得現在的彈窗還有什么問題么？”

“我覺的挺不錯了！難道還有什么需要設置的么？”

“還有很多，現在的這個彈窗在特別小的項目上可以使用，一旦碰到比較大的項目肯定就不適合了，因為現在很多HTML5頁面都是使用首頁加載卸載功能模塊的方式，有時會碰到多個彈窗的問題，也可能碰到更復雜的問題，因為你現在還沒有接觸過，所以現在這個彈窗功能實現上也不用做太多的完善，完了有時間把彈窗的樣式和動畫效果做出來就可以了！”

“通過做這個彈窗控件，你應該對JavaScript有了重新認識了，你練習的時候重點思考一下JavaScript對象屬性和方法之間的關系、對象作為參數傳遞、以及jQuery對象使用的append和remove方法。”

想學HTML5的朋友可以關注老爐，您的關注是我持續更新《小白HTML5成長之路》的動力！