專利名稱：一種網(wǎng)頁彈窗方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用開發(fā)領(lǐng)域，特別涉及一種網(wǎng)頁彈窗方法及裝置。
背景技術(shù)：
現(xiàn)今在各種web應(yīng)用中，交互功能已經(jīng)愈發(fā)的受到重視，好的交互實現(xiàn)不但能增強用戶使用該web應(yīng)用過程中的愉悅感，而且增加用戶使用該web應(yīng)用的效率，從而從運營角度提升整個web應(yīng)用的運轉(zhuǎn)效率。并且隨著這些年互聯(lián)網(wǎng)的發(fā)展，用戶對互聯(lián)網(wǎng)產(chǎn)品 (Web應(yīng)用)的適用性要求也越來越苛刻，以用戶為中心的互聯(lián)網(wǎng)產(chǎn)品成為趨勢，例如為了減少頁面的跳轉(zhuǎn)提示和為了使操作在本頁出現(xiàn)并指引用戶方便快捷的完成，彈窗技術(shù)就讓這些變?yōu)榱爽F(xiàn)實。目前大部分TOB應(yīng)用所使用的自主開發(fā)或開源的彈窗組件雖表面上實現(xiàn)了這些功能，但或難擔(dān)重任，例如做復(fù)雜的連續(xù)后續(xù)操作或者某些復(fù)雜的交互操作，使用這些組件的開發(fā)人員不得不在調(diào)用彈窗的頁面上寫很多繁雜的代碼，這些沒有被良好的強制分離的代碼，或許會造成后期維護成本的極大增加；而對于用戶來說，每次打開調(diào)用彈窗的頁面時都去載入這些繁雜代碼，會增加訪問頁面的代價及服務(wù)器的開支。現(xiàn)有技術(shù)中JQuery ( —種輕量級的優(yōu)秀的JavMcript開發(fā)框架)的UI庫中的彈窗插件是一款被廣泛使用的插件，它基于JQuery框架被以插件形式發(fā)布；使用者需在使用該彈窗插件的頁面引入所需的JavMcript文件(簡稱JS文件，是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司的Brendan Eich設(shè)計，是一種動態(tài)、弱類型、基于原型的語言，內(nèi)置支持類。Ecma國際以 JavaScript為基礎(chǔ)制定了 ECM/^cript標準。Javakript也可以用于其他場合，如服務(wù)器端編程。完整的JavMcript實現(xiàn)包含三個部分ECMAScript，文檔對象模型，字節(jié)順序記號。)并在該頁面實例化彈窗組件配置彈窗樣式和內(nèi)容，該彈窗插件內(nèi)部提供了一些對彈窗樣式控制、可視性控制等的方法，也提供基于iframe (外部網(wǎng)頁特效，一種網(wǎng)頁中可用的控件，用于顯示外部或遠程載入的頁面)的外部頁面調(diào)用功能，但其基于iframe的外部頁面調(diào)用功能僅限于頁面讀取，即只讀，而并未對主域進行識別并處理，若是基于其制作一個需與內(nèi)容進行交互的彈窗，因其域不同加之內(nèi)部并沒有提供跨窗體傳遞參數(shù)及跨窗體事件觸發(fā)的方法，使其不能使用外部調(diào)用的頁面完成而只能在當(dāng)前頁面完成，這會造成彈窗內(nèi)容頁的代碼堆積在實例化彈窗的頁面上，不易于維護和管理，并且彈窗內(nèi)容頁的代碼也不會被瀏覽器緩存起來，每次訪問都需要重新從服務(wù)器加載，增加了時間消耗和服務(wù)器帶寬開支。

發(fā)明內(nèi)容
本發(fā)明所解決的技術(shù)問題在于提供一種網(wǎng)頁彈窗方法及裝置，以減少頻繁使用功能性彈窗需重復(fù)加載彈窗內(nèi)容的時間消耗，增加服務(wù)器帶寬開支的問題。
為實現(xiàn)上述技術(shù)問題，本發(fā)明提供一種網(wǎng)頁彈窗方法，包括生成實例化彈窗，并管理彈窗；加載彈窗頁面，并生成調(diào)用外部獨立頁面實例。進一步地，生成實例化彈窗具體為調(diào)用初始參數(shù)管理模塊配置參數(shù)實例化一個彈窗；根據(jù)參數(shù)生成彈窗的HTML結(jié)構(gòu)。所述參數(shù)包括但不限于彈窗大小、層高、彈窗內(nèi)容模式、彈窗標題、彈窗內(nèi)容HTML、彈窗外部內(nèi)容頁URL。進一步地，管理彈窗包括添加彈窗樣式CSS ；對彈窗可視性進行控制。進一步地，加載外部頁面具體為在彈窗HTML結(jié)構(gòu)內(nèi)部創(chuàng)建IFRAME標簽，并更改 SRC屬性為配置參數(shù)中對應(yīng)的外部內(nèi)容頁URL地址，加載該內(nèi)容頁。進一步地，生成調(diào)用外部獨立頁面實例具體為在外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用script標記引入彈窗組件的JS文件，彈窗進行預(yù)執(zhí)行操作。所述預(yù)執(zhí)行包括但不限于根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域document, domain ； 生成alert、confirm, login彈窗類型的快捷方式并且改變其作用域使其可進行全局訪問。本發(fā)明還提供一種網(wǎng)頁彈窗裝置，包括彈窗生成模塊，用于生成實例化彈窗；彈窗管理模塊，用于對生成的實例化彈窗進行彈窗管理；調(diào)用模塊，用于調(diào)用被加載的外部獨立頁面，獲得彈窗實例。進一步地，彈窗生成模塊，包括初始參數(shù)管理模塊，用于初始化該組件時的參數(shù)管理；HTML結(jié)構(gòu)管理模塊，將所述參數(shù)生成對應(yīng)的彈窗HTML結(jié)構(gòu)。進一步地，彈窗管理模塊包括事件管理模塊，用于對彈窗事件進行管理，所述事件分為彈窗內(nèi)部的原生事件管理和自定義事件管理。彈窗樣式管理模塊，用于對彈窗的CSS 樣式進行控制，所述CSS樣式包括但不限于改變寬度、高度、層高、間距、對齊方式、邊框/ 背景顏色等?？梢曅钥刂颇K，用于彈窗包含復(fù)雜動畫效果的隱藏/顯示；內(nèi)部參數(shù)管理模塊，用于跨域的彈窗調(diào)用頁和彈窗內(nèi)容頁的參數(shù)來去傳遞。進一步地，網(wǎng)頁彈窗裝置還包括異常管理模塊，用于儲存在調(diào)用該彈窗組件時所產(chǎn)生的所有被忽略的沒有終止程序運行的異常警告?？旖輰嵗赡K，用于為一些常用的彈窗類型提供快捷方式，所述快捷實例包括但不限于信息提示彈窗(alert)、確認信息彈窗(confirm)、快捷登錄彈窗(login)。進一步地，調(diào)用被加載的外部獨立頁面，獲得彈窗實例具體為在外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用script標記引入彈窗組件的JS文件，獲得彈窗實例。并重復(fù)預(yù)執(zhí)行，所述預(yù)執(zhí)行包括但不限于根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域document, domain ；生成alert、confirm、login彈窗類型的快捷方式并且改變其作用域使其可進行全局訪問。通過本發(fā)明提供的一種網(wǎng)頁彈窗方法及裝置，實現(xiàn)讀取外部頁面作為彈窗內(nèi)容， 支持其內(nèi)部與父級窗體相互的參數(shù)傳遞、事件綁定/觸發(fā)，將彈窗與彈窗內(nèi)容徹底分離，易于維護，并通過減少二次加載的時間有效提升用戶操作體驗并減少服務(wù)器帶寬消耗。


圖1是本發(fā)明網(wǎng)頁彈窗方法的流程圖；圖2是本發(fā)明實施例網(wǎng)頁彈窗方法的流程圖；圖3是本發(fā)明網(wǎng)頁彈窗裝置的結(jié)構(gòu)圖。
具體實施例方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖及實施方式， 對本發(fā)明的網(wǎng)頁彈窗方法及裝置做進一步的詳細說明。本發(fā)明網(wǎng)頁彈窗方法實施例如圖1所示，生成實例化彈窗，并管理彈窗；加載彈窗頁面，并生成調(diào)用外部獨立頁面實例。具體實施步驟如圖2所示，包含如下步驟步驟1.在需使用到本彈窗裝置的頁面使用script標記引入本彈窗裝置的 JavaScript文件。該script標簽引入后加載成功后彈窗組件會作一些必要的預(yù)執(zhí)行，其中包括根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域(document, domain)；生成alert、 confirm, login彈窗類型的快捷方式并且改變其作用域使其可進行全局訪問。步驟2.調(diào)用初始參數(shù)管理模塊配置參數(shù)實例化一個彈窗，所述參數(shù)包括彈窗大小、層高、彈窗內(nèi)容模式、彈窗標題、彈窗內(nèi)容HTML、彈窗外部內(nèi)容頁URL(統(tǒng)一資源定位符， Uniform/Universal Resource Locator)；這些參數(shù)米用 JSon 格式(JavaScript Object Notation)傳遞，并且他們將決定彈窗產(chǎn)生后的樣式。若其中傳入?yún)?shù)無法識別或不可用， 這些信息將暫存為異常警告，在后續(xù)選擇性輸出。步驟3.生成該彈窗的HTML結(jié)構(gòu)。此步驟具體為根據(jù)所傳遞的參數(shù)生成對應(yīng)的彈窗HTML結(jié)構(gòu)，并將其儲存之后對該模型進行修改和控制；其中也包含一個返回當(dāng)前彈窗 DOM模型(Document Object Model，文檔對象模型)的方法，以便對彈窗HTML結(jié)構(gòu)進行修改；此刻該彈窗并未被顯示，也沒有任何CSS樣式(Cascading Style Sieet，層疊樣式表或級聯(lián)樣式表，是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀)。步驟4.添加彈窗CSS樣式。HTML結(jié)構(gòu)生成成功后，將根據(jù)配置參數(shù)為該彈窗的 HTML結(jié)構(gòu)添加CSS樣式，使其具備可視界面、更加美觀，在此彈窗依然未被顯不。步驟5.彈窗的可視性控制。本步驟具體為當(dāng)本彈窗之外已定義的方法需要將該彈窗顯示時，則調(diào)用可視性控制顯示該彈窗(顯示/隱藏彈窗的過程都是一個改變彈窗框體大小的從無到有的動畫的過程)。步驟6.加載外部頁面。當(dāng)彈窗顯示動畫完畢后，彈窗窗體先綁定原生事件，其后若是配置參數(shù)中決定無需加載外部內(nèi)容頁，則此步驟結(jié)束，跳到步驟7 ；若配置參數(shù)中決定需要加載外部頁面，將在彈窗HTML結(jié)構(gòu)內(nèi)部創(chuàng)建IFRAME標簽，并更改SRC屬性為配置參數(shù)中對應(yīng)的外部內(nèi)容頁URL地址，加載該內(nèi)容頁，若加載失敗，則顯示加載超時。步驟7.自定義彈窗。綁定自定義事件及添加自定義參數(shù)，自定義事件包括添加、 移除、強制觸發(fā)等。若根據(jù)配置參數(shù)決定不調(diào)用外部內(nèi)容頁的彈窗，到此整個流程結(jié)束。其后使用者可根據(jù)用戶輸入操作(鼠標鍵盤等輸入設(shè)備)來使用內(nèi)部提供的方法來進行后續(xù)的其他操作。步驟8.獲得彈窗實例。外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用 script標記引入彈窗組件的JS文件，則會在該彈窗頁中重復(fù)上述步驟1中的預(yù)執(zhí)行，并獲取該彈窗實例。本發(fā)明網(wǎng)頁彈窗裝置實施例如圖3所示，包含如下模塊
彈窗生成模塊，用于生成實例化彈窗；彈窗管理模塊，用于對生成的實例化彈窗進行彈窗管理；調(diào)用模塊，用于調(diào)用被加載的外部獨立頁面，獲得彈窗實例。具體包括以下模塊初始參數(shù)管理模塊該模塊主要用于初始化該組件時的參數(shù)管理，該模塊采用 JSon格式的參數(shù)接收模式，不限制參數(shù)數(shù)量，但會根據(jù)參數(shù)名識別其參數(shù)的可用性，也決定了該彈窗被生成后，是何種形態(tài)，例如寬、高、邊框大小、層高、是否顯示默認關(guān)閉按鈕、相對父窗體的對齊方式、彈窗內(nèi)容類型、外部內(nèi)容頁URL等。HTML結(jié)構(gòu)管理模塊該模塊將所輸入的參數(shù)生成對應(yīng)的彈窗HTML結(jié)構(gòu)，并將其儲存便于之后對該模型進行修改和控制。其中也包含一個返回當(dāng)前彈窗DOM模型的方法，方便對該彈窗HTML結(jié)構(gòu)進行修改。事件管理模塊該模塊用于對彈窗事件進行管理，所述事件分為彈窗內(nèi)部的原生事件管理和自定義事件管理。對于原生事件，包括彈窗的關(guān)閉、打開、確定、取消等操作，并觸發(fā)相應(yīng)的外部事件回調(diào)函數(shù)。對于自定義事件，包括添加、移除、強制觸發(fā)等操作，采用一個序列儲存這些自定義事件，例如例如添加了一個注冊事件，在彈窗內(nèi)部有一個注冊按鈕，再為該按鈕監(jiān)聽此注冊事件并綁定回調(diào)函數(shù)，當(dāng)用戶點擊這個注冊按鈕時就會觸發(fā)相應(yīng)的回調(diào)函數(shù)。該功能類似JavMcript原生的事件機制，為滿足各種人機交互需求而存在。彈窗樣式管理模塊該模塊用于對彈窗的ess樣式進行控制，其中包含，改變寬度、高度、層高、間距、對齊方式、邊框/背景顏色等方法。除了后期可調(diào)用這些方法進行彈窗樣式修改之外，也會在初始化時創(chuàng)建DOM模型后根據(jù)參數(shù)管理模塊所接收到的自定義參數(shù)修改彈窗樣式?？梢曅钥刂颇K該模塊用于彈窗包含復(fù)雜動畫效果的隱藏/顯示功能，若是多步驟操作彈窗，其中的顯示/隱藏動畫過度使步驟間的轉(zhuǎn)換過度體現(xiàn)非常自然不顯生硬。 并且，顯示方法也負責(zé)外部彈窗內(nèi)容頁加載過程中的〈loading〉效果，告知用戶需等待彈窗內(nèi)容頁加載完成。在顯示/隱藏完成后，也會觸發(fā)相應(yīng)的原生事件，它們由“事件管理模塊”進行統(tǒng)一的管理。內(nèi)部參數(shù)管理模塊該模塊用于跨域的彈窗調(diào)用頁和彈窗內(nèi)容頁的參數(shù)來去傳遞。包含方法有增加參數(shù)、獲取參數(shù)、修改參數(shù)、刪除參數(shù)。因在大多數(shù)情況下，彈窗內(nèi)容頁需要接收到調(diào)用該彈窗的頁面所發(fā)送的信息，但彈窗內(nèi)容頁和調(diào)用該彈窗的頁面又非同一頁面，所以需要使用該模塊中的“增加參數(shù)”方法來暫存參數(shù)并在彈窗內(nèi)容頁或調(diào)用該彈窗的頁取出該參數(shù)。例如一個給用戶發(fā)送站內(nèi)信的范例在調(diào)用的頁面通過“增加參數(shù)”方法儲存一個或多個用戶ID，彈窗內(nèi)容頁中書寫站內(nèi)信內(nèi)容和標題等，最后通過在彈窗內(nèi)容也中使用“獲取參數(shù)”方法得到開始儲存的一個或多個用戶ID。并且參數(shù)的類型可以是任何可用的Javakript數(shù)據(jù)類型。異常管理模塊，用于儲存在調(diào)用該彈窗組件時所產(chǎn)生的所有被忽略的沒有終止程序運行的異常警告。開發(fā)人員可以選擇是否將這些異常輸出顯示?？旖輰嵗赡K，該模塊是彈窗裝置的快捷方式。因初始化一個新的彈窗需要了解所接受的參數(shù)，和參數(shù)所允許的值，較為繁瑣，所以為一些常用的彈窗類型提供快捷方式，只需要簡短的一句話即可使用，其中包括信息提示彈窗(alert)、確認信息彈窗 (confirm)、快捷登錄彈窗(login)。調(diào)用模塊，用于在外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用script 標記引入彈窗組件的JS文件，獲得彈窗實例。并重復(fù)預(yù)執(zhí)行，所述預(yù)執(zhí)行包括但不限于根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域(document, domain) ；alert、confirm、login 彈窗快捷方式并改變其作用域使其可進行全局訪問。下面以具體的實施例來說明彈窗如何生成。實施例1——生成一個提示彈窗首先需要用到本彈窗方法實例化一個彈窗裝置，傳入相應(yīng)的參數(shù)供初始參數(shù)管理模塊驗證并儲存這些參數(shù)，在本實施例中這些參數(shù)設(shè)定為參數(shù)彈窗內(nèi)容模式應(yīng)為 "alert"；彈窗內(nèi)容為“提示信息測試”。之后通過可視性控制模塊將該彈窗顯示，即可看到在頁面的中央以動畫從小到大的視覺效果彈出一個包含內(nèi)容為“提示信息測試”的彈窗，該彈窗內(nèi)沒有任何按鈕。實施實例2——生成一個確認信息彈窗首先需要用到本彈窗方法實例化一個彈窗裝置，傳入相應(yīng)的參數(shù)供初始參數(shù)管理模塊驗證并儲存這些參數(shù)，在本實施例中這些參數(shù)為參數(shù)彈窗內(nèi)容模式應(yīng)為“confirm” ； 彈窗內(nèi)容為“您是否確認操作”。之后通過可視性控制模塊將該彈窗顯示，即可看到在頁面的中央以動畫從小到大的視覺效果彈出一個包含內(nèi)容為“您是否確認操作”的彈窗，并且在內(nèi)容下面有兩個按鈕，分別為是、否。事件管理模塊事先為這兩個按鈕綁定事件，要為點擊他們之后觸發(fā)后續(xù)操作，只需要監(jiān)聽該事件并賦予回調(diào)函數(shù)即可(指在一個網(wǎng)頁中，對用戶操作鼠標或鍵盤或使用某個功能的操作進行監(jiān)控，當(dāng)用戶開始進行被監(jiān)控的操作時，即刻執(zhí)行對應(yīng)的回調(diào)函數(shù)。)實施實例3——生成一個調(diào)用外部內(nèi)容頁的彈窗，并從父窗體傳入“hellow trace”在子窗體顯示他們首先需要用到本彈窗方法實例化一個彈窗裝置，傳入相應(yīng)的參數(shù)供初始參數(shù)管理模塊驗證并儲存這些參數(shù)，在本實施例中這些參數(shù)設(shè)定為參數(shù)彈窗內(nèi)容模式應(yīng)為 “operate”;彈窗外部內(nèi)容頁URL為一個事先已制作好的彈窗內(nèi)容頁的URL地址。再使用內(nèi)部參數(shù)管理模塊中的增加參數(shù)方法新增一個名稱為“value”內(nèi)容為“hellow trace”的參數(shù)，然后通過可視性控制模塊將該彈窗顯示，即可看到在頁面的中央以動畫從小到大的視覺效果彈出一個包含內(nèi)容為“正在載入…”的彈窗，并由事件管理模塊監(jiān)聽外部內(nèi)容頁是否載入完畢。當(dāng)外部內(nèi)容頁載入完畢后，用調(diào)用模塊在此外部內(nèi)容頁中同樣使用script標記引入彈窗組件的JS文件，對彈窗內(nèi)容頁進行處理，并在其中執(zhí)行內(nèi)部參數(shù)管理模塊中的獲取參數(shù)方法得到之前傳入的名稱為“value”的參數(shù)。此時就已經(jīng)得到父窗體傳入的參數(shù)了。 并且彈窗內(nèi)容頁本為一個獨立的頁面，所以也具備<HTMLXbody>這樣的HTML標記，只需要用到Jav必cript將前述名為value的參數(shù)內(nèi)容參數(shù)寫入body標簽即可在彈窗內(nèi)容頁中顯示"hellow trace，，字樣。以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變形，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明保護范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁彈窗方法，其特征在于，該方法包括 生成實例化彈窗，并管理彈窗；加載彈窗頁面，并生成調(diào)用外部獨立頁面實例。
2.如權(quán)利要求1所述的網(wǎng)頁彈窗方法，其特征在于，所述生成實例化彈窗為 調(diào)用初始參數(shù)管理模塊配置參數(shù)實例化一個彈窗；根據(jù)所述參數(shù)生成彈窗的HTML結(jié)構(gòu)；所述參數(shù)包括但不限于彈窗大小、層高、彈窗內(nèi)容模式、彈窗標題、彈窗內(nèi)容HTML、彈窗外部內(nèi)容頁URL。
3.如權(quán)利要求1所述的網(wǎng)頁彈窗方法，其特征在于，所述管理彈窗包括添加彈窗CSS樣式，所述CSS樣式包括但不限于改變寬度、高度、層高、間距、對齊方式、邊框/背景顏色；對彈窗可視性進行控制。
4.如權(quán)利要求1或2所述的網(wǎng)頁彈窗方法，其特征在于，所述加載彈窗頁面為在彈窗 HTML結(jié)構(gòu)內(nèi)部創(chuàng)建IFRAME標簽，并更改SRC屬性(內(nèi)嵌文件地址的屬性)為配置參數(shù)中對應(yīng)的外部內(nèi)容頁URL地址，加載該內(nèi)容頁。
5.如權(quán)利要求1所述的網(wǎng)頁彈窗方法，其特征在于，所述生成調(diào)用外部獨立頁面實例為在外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用script標記引入彈窗組件的 JavaScript文件，彈窗進行預(yù)執(zhí)行操作；所述預(yù)執(zhí)行包括但不限于根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域document, domain ；生成alert、confirm、login彈窗類型的快捷方式并且改變其作用域使其可進行全局訪問。
6.一種網(wǎng)頁彈窗裝置，其特征在于，該裝置包括 彈窗生成模塊，用于生成實例化彈窗；彈窗管理模塊，用于對生成的實例化彈窗進行彈窗管理； 調(diào)用模塊，用于調(diào)用被加載的外部獨立頁面，獲得彈窗實例。
7.如權(quán)利要求6所述的網(wǎng)頁彈窗裝置，其特征在于，所述彈窗生成模塊，進一步包括 初始參數(shù)管理模塊，用于初始化該組件時的參數(shù)管理；HTML結(jié)構(gòu)管理模塊，將所述參數(shù)生成對應(yīng)的彈窗HTML結(jié)構(gòu)。
8.如權(quán)利要求6所述的網(wǎng)頁彈窗裝置，其特征在于，所述彈窗管理模塊進一步包括 事件管理模塊，用于對彈窗事件進行管理，所述事件分為彈窗內(nèi)部的原生事件管理和自定義事件管理；彈窗樣式管理模塊，用于對彈窗的CSS樣式進行控制，所述CSS樣式包括但不限于改變寬度、高度、層高、間距、對齊方式、邊框/背景顏色；可視性控制模塊，用于彈窗包含復(fù)雜動畫效果的隱藏/顯示；內(nèi)部參數(shù)管理模塊，用于跨域的彈窗調(diào)用頁和彈窗內(nèi)容頁的參數(shù)來去傳遞。
9.如權(quán)利要求8所述的網(wǎng)頁彈窗裝置，其特征在于，所述彈窗管理模塊還包括異常管理模塊，用于儲存在調(diào)用該彈窗組件時所產(chǎn)生的所有被忽略的沒有終止程序運行的異常警告；快捷實例生成模塊，用于為一些常用的彈窗類型提供快捷方式，所述快捷實例包括但不限于信息提示彈窗、確認信息彈窗、快捷登錄彈窗。
10.如權(quán)利要求6所述的網(wǎng)頁彈窗裝置，其特征在于，所述調(diào)用被加載的外部獨立頁面，獲得彈窗實例具體為在外部內(nèi)容頁被加載完畢后，在此外部內(nèi)容頁中同樣使用 script標記引入彈窗組件的JavMcript文件，獲得彈窗實例，并重復(fù)預(yù)執(zhí)行，包括但不限于根據(jù)當(dāng)前頁面的域名取得主域并設(shè)置可訪問域document, domain ；alert、confirm, login彈窗快捷方式并改變其作用域使其可進行全局訪問。
全文摘要
本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用開發(fā)領(lǐng)域，本發(fā)明公開了一種網(wǎng)頁彈窗方法，包括生成實例化彈窗，并管理彈窗；加載彈窗頁面，并生成調(diào)用外部獨立頁面的實例；本發(fā)明還公開了一種網(wǎng)頁彈窗裝置，包括彈窗生成模塊，用于生成實例化彈窗；彈窗管理模塊，用于對生成的實例化彈窗進行彈窗管理；調(diào)用模塊，用于調(diào)用被加載的外部獨立頁面，獲得彈窗實例；本發(fā)明能夠?qū)崿F(xiàn)讀取外部頁面作為彈窗內(nèi)容，支持其內(nèi)部與父級窗體相互的參數(shù)傳遞、事件綁定/觸發(fā)，將彈窗與彈窗內(nèi)容徹底分離，易于維護，并通過減少二次加載的時間有效提升用戶操作體驗并減少服務(wù)器帶寬消耗。
文檔編號G06F3/048GK102194003SQ20111013902
公開日2011年9月21日 申請日期2011年5月26日 優(yōu)先權(quán)日2011年5月26日
發(fā)明者謝詩圓 申請人:重慶豬八戒網(wǎng)絡(luò)有限公司