“密碼”字樣。又例如,登錄提示信息可以包括:提示用戶輸入賬號的信息,例如可以是“登錄賬號”字樣,以及提示用戶輸入密碼的信息,例如可以是“密碼”字樣。
[0049]網(wǎng)頁處理裝置在接收到用戶發(fā)出的登錄指令之后,根據(jù)登錄指令,將隱藏于當前頁面的登錄窗口顯示在當前頁面上,以供用戶在登錄窗口中輸入登錄信息進行登錄。網(wǎng)頁處理裝置將登錄窗口顯示于當前頁面后,登錄窗口會覆蓋當前頁面上的部分區(qū)域,而當前頁面上的其他區(qū)域不變。
[0050]基于上述,在一可選實施方式中,網(wǎng)頁處理裝置在將登錄窗口顯示在當前頁面之前,還可以在上述部分區(qū)域內(nèi)展示用戶的相關信息。例如,用戶的相關信息可以是向用戶推薦的信息,例如可以是“Hi親,餓了,喝杯下午茶吧”;或者是用戶的IP地址或MAC地址等,或者還可以是當前時間信息等。
[0051]在本實施例中,網(wǎng)頁處理裝置可以直接在當前頁面上顯示登錄窗口,不需要跳轉(zhuǎn)到登錄頁面,可以節(jié)約加載登錄頁面所需的時間,因此減少了網(wǎng)頁登錄時間,提高了網(wǎng)頁登錄速度。
[0052]另外,本實施例不需要從當前頁面跳轉(zhuǎn)到登錄頁面,而是直接在當前頁面顯示登錄窗口,因此不會像現(xiàn)有技術那樣存在從當前頁面跳轉(zhuǎn)到登錄頁面所帶來的視覺跳躍感,對用戶來說,視覺體驗較好。
[0053]進一步,本實施例的登錄窗口只有在進行登錄時才會顯示在頁面上,平時處于隱藏狀態(tài);在登錄窗口處于隱藏狀態(tài)時,頁面上相應空間可以顯示更多有價值的其他內(nèi)容,有利于提高當前頁面的空間利用率,提升當前頁面的轉(zhuǎn)化率。
[0054]本申請實施例中的當前頁面可以超文本標記語言(HyperText Mark-upLanguage, HTML)格式編寫,但不限于此。隨著互聯(lián)網(wǎng)應用的快速發(fā)展,一些頁面交互的技術也在不斷進步,越來越多的頁面交互采用諸如HTML中的級聯(lián)樣式表(Cascading StyleSheet, CSS)代碼、Javascript代碼等技術實現(xiàn)多樣性。
[0055]基于上述,本申請實施例中的當前頁面可以包括采用HTML中的CSS代碼技術,或者采用Javascript代碼技術實現(xiàn)的圖層。
[0056]在一可選實施方式中,網(wǎng)頁處理裝置可以預先將當前頁面可以正常展現(xiàn)的內(nèi)容設置在第一圖層上,將在進行登錄時才會顯示的登錄窗口設置在第二圖層上。第一圖層和第二圖層可以采用CSS技術實現(xiàn),或者可以采用Javascript代碼技術實現(xiàn)。第一圖層可以包括文本、圖片、表格、插件等中的任意一個或多個,也就是說當前頁面可以正常展現(xiàn)的內(nèi)容包括文本、圖片、表格、插件等中的任意一個或多個。而第二圖層可以包括登陸提示信息。
[0057]可選的,第一圖層和第二圖層均為CSS圖層,或者均為Javascript圖層。CSS圖層是指采用CSS代碼技術實現(xiàn)的圖層;相應的,Javascript圖層是指采用Javascript代碼技術實現(xiàn)的圖層。
[0058]可選的,第一圖層可以是CSS圖層,或者Javascript圖層。第二圖層是第一圖層的一個子元素。
[0059]以第一圖層和第二圖層均為CSS圖層為例,則網(wǎng)頁處理裝置可以通過設置第一圖層的CSS樣式屬性,并設置第二圖層的CSS樣式屬性,使得第一圖層和第二圖層可以同時位于當前頁面,且第二圖層只有在進行登錄時才被展現(xiàn)。其中,css樣式屬性可以包括但不限于:顯示(display)信息、高度(height)信息、溢出(overflow)信息以及位置(posit1n)信息。
[0060]基于上述圖層,網(wǎng)頁處理裝置根據(jù)登錄指令,將隱藏于當前頁面且攜帶有登錄提示信息的登錄窗口顯示在當前頁面上的過程包括:
[0061]網(wǎng)頁處理裝置根據(jù)登錄指令,確定當前頁面當前顯示內(nèi)容所在的第一圖層以及登錄窗口所在的第二圖層;
[0062]網(wǎng)頁處理裝置在第一圖層上疊加顯示第二圖層。
[0063]例如,網(wǎng)頁處理裝置可以在第一圖層的指定區(qū)域疊加顯示第二圖層。這里的指定區(qū)域即為當前頁面上被登錄窗口覆蓋的部分區(qū)域。例如,指定區(qū)域可以是第一圖層上登錄指示信息所在區(qū)域,即網(wǎng)頁處理裝置可以在第一圖層上登錄指示信息所在區(qū)域疊加顯示第二圖層。
[0064]又例如,網(wǎng)頁處理裝置可以按照登錄提示信息在第二圖層中的排列方向,以橫向或縱向方式在第一圖層上疊加顯示第二圖層。
[0065]其中,網(wǎng)頁處理裝置可以將上述展示方式和展示區(qū)域相結(jié)合,或者單獨采用某一個,以進行第二圖層的展示。
[0066]本實施例以當前頁面為1688.com為例,則網(wǎng)頁處理裝置在第一圖層上疊加顯示第二圖層的效果示意圖可參見圖2、圖3和圖4所示。圖2所示為當前頁面未顯示登錄窗口時的初始狀態(tài),圖3和圖4為疊加顯示第二圖層后當前頁面的狀態(tài)。如圖2所示,1688.com頁面上由虛線圈所標識的區(qū)域設置有“請登錄”字樣的登錄指示按鈕,以供用戶發(fā)出登錄指令;如圖3所示,在1688.com頁面上由虛線圈所標識的區(qū)域內(nèi),登錄窗口以縱向方式顯示,也就是說登錄窗口中的登錄提示信息是縱向排列的,圖3中虛線圈所標識的區(qū)域與圖2中虛線圈所標識的區(qū)域相同,為登錄指示按鈕所在的區(qū)域;如圖4所示,在1688.com頁面上由虛線圈所標識的區(qū)域內(nèi),登錄窗口以橫向方式顯示在當前頁面中,也就是或登錄窗口中的登錄提示信息是橫向排列的,圖4中虛線圈所標識的區(qū)域與圖2中虛線圈所標識的區(qū)域不同。
[0067]另外值得說明的是,為了能夠清晰的顯示登錄窗口,圖3和圖4中所示“用戶名”和“密碼”字樣的顏色較深,但并不限于此,實際應用中“用戶名”和“密碼”字樣的顏色一般會比較淺。
[0068]由上述可見,用戶通過1688.com頁面發(fā)出登錄指令后,網(wǎng)頁處理裝置直接將登錄窗口顯示在1688.com頁面上,不需要用戶等待頁面的跳轉(zhuǎn),可以極大的提高登錄速度,對于低帶寬的用戶來說,該登錄速度提高的效果會更加明顯。
[0069]值得說明的是,無論登錄窗口以何種方式顯示在當前頁面上均在本申請保護范圍之內(nèi)。
[0070]進一步,在顯示登錄窗口后,若用戶不需要進行登錄,則可以重新隱藏登錄窗口。例如,若登錄窗口所在的第二圖層是第一圖層的子元素,則可以直接將第二圖層隱藏在第一圖層的不可見區(qū)域中,若登錄窗口所在的第二圖層不是第一圖層的子元素,則可以將第二圖層絕對定位到第一圖層的不可見區(qū)域中。例如第一圖層的不可見區(qū)域可以位于但不限于第一圖層的底部。
[0071]例如,可以通過設置第二圖層的CSS樣式屬性,使第二圖層處于第一圖層的不可見區(qū)域。例如,網(wǎng)頁處理裝置可以使用JQuery的函數(shù)animate重新設置第二圖層的CSS樣式屬性,從而實現(xiàn)重新隱藏第二圖層的目的。
[0072]需要說明的是,對于前述的各方法實施例,為了簡單描述,故將其都表述為一系列的動作組合,但是本領域技術人員應該知悉,本申請并不受所描述的動作順序的限制,因為依據(jù)本申請,某些步驟可以采用其他順序或者同時進行。其次,本領域技術人員也應該知悉,說明書中所描述的實施例均屬于優(yōu)選實施例,所涉及的動作和模塊并不一定是本申請所必須的。
[0073]在上述實施例中,對各個實施例的描述都各有側(cè)重,某個實施例中沒有詳述的部分,可以參見其他實施例的相關描述。
[0074]圖5為本申請一實施例提供的網(wǎng)頁處理裝置的結(jié)構(gòu)示意圖。如圖5所示,該裝置包括:接收模塊51和展示模塊52。
[0075]接收模塊51,用于接收用戶通過當前頁面上的登錄指示信息發(fā)出的登錄指令;
[0076]展示模塊52,與接收模塊51連接,根據(jù)接收模塊51接收的登錄指令,將隱藏于當前頁面的登錄窗口顯示在當前頁面上,以供用戶在登錄窗口中輸入登錄信息進行登錄,登錄窗口覆蓋當前頁面的至少部分區(qū)域,當前頁面的其他區(qū)域不變。
[0077]在一可選實施方式中,如圖6所示,展示模塊52的實現(xiàn)結(jié)構(gòu)包括:確定單元521和展示單元522。
[0078]確定單元521,用于根據(jù)接收模塊51接收的登錄指令,確