整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
午小白感覺有些感冒，身上特別沉，雖然一點(diǎn)狀態(tài)都沒有，但想起上午自定義彈窗的關(guān)閉事件還沒有做，心里一直放不下，還是找到了老朱：“朱哥，有時間沒？咱聊聊彈窗關(guān)閉的事情吧！”
老朱也有點(diǎn)感冒，啞著嗓子跟小白說：“我看你今天的狀態(tài)也不好，今天只把窗口關(guān)閉的方法實(shí)現(xiàn)了吧！你現(xiàn)在對JavaScript的機(jī)制還不是特別熟練，我們也不要做的太深入了，盡量用之前接觸過的方法來實(shí)現(xiàn)。你打開上午的代碼我們對著代碼說吧！”
“我們現(xiàn)在把你做的功能屢一遍看看，首先你設(shè)置的Layer對象有兩個屬性：彈窗標(biāo)題（title）和彈窗內(nèi)容（content），通過alert方法傳遞一個含有title值和content值的對象后，先更改彈窗的標(biāo)題和內(nèi)容屬性字段，然后將彈窗的html內(nèi)容寫入到body的底部?！?/p>
小白說道：“是的，我剛才想過一個關(guān)閉窗口的辦法：在確定按鈕上面添加一個onclick事件。測試了一下也可以關(guān)閉窗口，是不是這樣就可以了？”
“你設(shè)置的確定按鈕“點(diǎn)擊事件”僅僅是從頁面中找到彈窗容器后把它移除掉，假如我還想點(diǎn)了確定按鈕以后，再做一些其他的處理就不好辦了。具體來說就是彈窗出現(xiàn)以后我們給Layer窗口傳遞一個函數(shù)，當(dāng)點(diǎn)擊確定以后不但窗口關(guān)閉，還得執(zhí)行我們傳遞的那個函數(shù)?！?/p>
“函數(shù)也能作為參數(shù)傳遞么？”，小白不解的問道。
“當(dāng)然可以了，函數(shù)不但能作為參數(shù)傳遞，還能把多個函數(shù)放到數(shù)組里面，這個我們以后再詳細(xì)討論。你現(xiàn)在給layer傳遞的參數(shù)是一個對象，既然是對象肯定能添加方法，傳遞的那個函數(shù)就放到這個對象的方法里?！?/p>
“有點(diǎn)暈??！”
“我把你之前頁面中使用Layer.alert()方法傳遞的參數(shù)改一下你就明白了?！?/p>
“看到?jīng)]？之前我們的參數(shù)對象只包含title和content?，F(xiàn)在增加了一個onsure，它的值就是一個讓頁面中的圖片隱藏的函數(shù)！現(xiàn)在我把Layer的alert方法改一下，你看看?！?/p>
“在alert方法中我們使用確定按鈕的click事件，把傳遞進(jìn)來的函數(shù)和隱藏窗口的方法都執(zhí)行就可以了?，F(xiàn)在看一下頁面中的彈窗功能能不能實(shí)現(xiàn)點(diǎn)擊確定以后隱藏圖片！”
老朱最后說道：“小白，你覺得現(xiàn)在的彈窗還有什么問題么？”
“我覺的挺不錯了！難道還有什么需要設(shè)置的么？”
“還有很多，現(xiàn)在的這個彈窗在特別小的項目上可以使用，一旦碰到比較大的項目肯定就不適合了，因為現(xiàn)在很多HTML5頁面都是使用首頁加載卸載功能模塊的方式，有時會碰到多個彈窗的問題，也可能碰到更復(fù)雜的問題，因為你現(xiàn)在還沒有接觸過，所以現(xiàn)在這個彈窗功能實(shí)現(xiàn)上也不用做太多的完善，完了有時間把彈窗的樣式和動畫效果做出來就可以了！”
“通過做這個彈窗控件，你應(yīng)該對JavaScript有了重新認(rèn)識了，你練習(xí)的時候重點(diǎn)思考一下JavaScript對象屬性和方法之間的關(guān)系、對象作為參數(shù)傳遞、以及jQuery對象使用的append和remove方法?！?/p>
想學(xué)HTML5的朋友可以關(guān)注老爐，您的關(guān)注是我持續(xù)更新《小白HTML5成長之路》的動力！
個判斷頁面是否真的關(guān)閉和刷新的方法
們在搜索資料的時候會看到一些非常有用的資料，但往往這些資料都是付費(fèi)資料。只能看一部分，不能直接復(fù)制下來。如果要直接下載，那只能付費(fèi)下載。今天就教大家一個方法，可以免費(fèi)復(fù)制付費(fèi)文檔資料。一分鐘學(xué)會，看懂能讓你少花很多錢。這個小技巧建議大家收藏，以免找不到。下面大家跟著我一步步做吧！
如何免費(fèi)復(fù)制付費(fèi)文檔資料
首先我們打開某度文檔，在里面搜索到了一篇文章，文檔顯示需要VIP專享才可以下載。在這里如果我們直接復(fù)制這里的文字，就是彈出一個對話框，顯示文檔復(fù)制為VIP權(quán)益，開通VIP可繼續(xù)復(fù)制。
彈出的vip窗口
重點(diǎn)來了，我們在頁面的空白處點(diǎn)擊右鍵，并打開檢查選項。這檢查功能太重要了，里面我們可以看到該網(wǎng)頁的源代碼。這個一般是前端開發(fā)人員經(jīng)常用到的功能，不僅可以調(diào)試各種樣式參數(shù)，還可以看數(shù)據(jù)傳遞性能。
檢查選項
我們找到設(shè)置按鈕（如下圖的紅色圈標(biāo)注的地方），對頁面的首選項（preferences）進(jìn)行設(shè)置。
設(shè)置按鈕
下拉找到調(diào)試程序（Debugger）選項，將禁用Javascript（Disable Javascript）進(jìn)行勾選。
勾選禁止JavaScript按鈕
不要關(guān)閉檢查窗口，我們發(fā)現(xiàn)原來我們打開的頁面文章選中后已經(jīng)可以復(fù)制了。大功告成。是不是很簡單。大家學(xué)會了嗎？
大功告成
這個免費(fèi)復(fù)制的原理就是禁用網(wǎng)頁的頁面Javascript代碼。缺點(diǎn)也是非常明顯，就是不能直接復(fù)制圖片或者特殊文字代碼等。所以，如果大家需要完整的文檔最好還是付費(fèi)購買吧。
1.如果用這個辦法不能復(fù)制，可能就是原來資料本身就是不可編輯的資料，比如別人就是以圖片形式上傳的資料。
2.尊重別人的勞動成果，不可將別人的資料直接應(yīng)用到自己的作品中。只可用于個人學(xué)習(xí)之用。
3.由于平臺打擊各種第三方工具下載，以前的很多工具（網(wǎng)站）已經(jīng)失效，如果有購買的需謹(jǐn)慎。
注：我是秦韻莞香，和你聊聊日常的數(shù)碼科技、互聯(lián)網(wǎng)趣聞，每天一更，歡迎關(guān)注。原創(chuàng)文章，未經(jīng)授權(quán)不得轉(zhuǎn)載，侵權(quán)必究。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
