網頁中隱藏幀的妙用 (轉)
網頁分幀(Frame)通常用來進行主頁版面的組織和編排。實際上,巧妙應用分幀技術,還可以完成一些重要的功能。本文介紹利用隱藏幀來實現三個應用。
怎樣把幀隱藏起來呢?筆者是透過把幀的高度(對於上、下分幀)設為 0 的辦法來把幀隱藏起來的。隱藏以後的幀裡面照樣可以放置 html ,但在網頁的整體版面上並不顯示出來。本例中,筆者構造隱藏幀的 html 程式碼如下:
〈frameset frameborder="0" rows="0,*"〉
〈frame name="hframe" src="hidefile.htm" scrolling="no" noresize frameborder="0"〉
〈frame name="mainframe" src="main.htm" scrolling="yes"〉
〈noframes〉
〈body〉〈p〉Please browse the pages with IE4.x/5.x up browser.〈/p〉〈/body〉
〈/noframes〉
〈/frameset〉
其中,上部的隱藏幀命名為 hideframe,放置 hidefile.htm 檔案。下部的幀放置網頁的主檔案。
一、保持變數的值
在網頁中,有一些變數的值,比如的註冊名和 ID 號,在本次登入週期內是始終不變的,為了在網頁檔案的切換過程中始終保持這些變數的值,有人採用 的 session 變數,但有時 session 會莫名其妙的丟失。其實我們只要把變數的值儲存在隱藏幀中,使用時它們就可以了。比如隱藏幀中的 hidefile.htm 檔案的內容如下:
〈foname="vars"〉
〈input type=text user_name=""〉
〈input type=text user_id=""〉
〈/form〉
從別的幀向隱藏幀儲存變數值的語句如下:
〈Script Language="script"〉
parent.hideframe.vars.user_name="使用者名稱"
parent.hideframe.vars.user_id="使用者ID"
〈/Script>
從隱藏幀取變數值的語句如下:
〈Script Language=""〉
the_user_name=parent.hideframe.vars.user_name
the_user_id=parent.hideframe.vars.user_id
〈/Script>
二、製作連續的背景
在主頁中設定過背景音樂的朋友都知道,正當背景音樂流暢地時,一旦你點按某個連結進入別的頁面,背景音樂就中斷了,讓人感到非常遺憾。為了使主頁的背景音樂保持連續,只要巧妙應用隱藏幀技術,問題就會完美地解決。其實方法也非常的簡單:將設定背景音樂的語句放置在隱藏幀中:
〈embed src="背景音樂.mid" hidden="true" autostart="true" l="0"〉
儘管下幀的網頁在各頁面間不斷的切換,而上面的隱藏幀會保持相對靜止,背景音樂也會連續不斷地播放。
三、加速網頁的
為了使自己製作的網頁能夠最快地下載到瀏覽者的螢幕上,我們網頁設計製作人員可沒少下過功夫,什麼網頁“減肥”、手工製作網頁等各種辦法一應俱全。實際上,網頁瀏覽者在進入一個網站時,他總要在主頁上停留一小會兒,先四下打量以下。瀏覽者觀看主頁的時候,網頁的下載是中斷的,如果能利用這段時間下載別的頁面,快取在裡,豈不是可以大大加快網頁的整體下載速度了嗎?
隱藏幀這時就派上了用場!我們把一些比較大的圖片、資料放在隱藏幀裡,讓在背後偷偷下載,等到瀏覽者要瀏覽它們時,它們已經在本地硬碟裡了,瀏覽速度自然就快多了。注意,這樣應用隱藏幀時,請將隱藏幀放在網頁的下部,不要影響正常的網頁下載。
張慶 .9.22
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10748419/viewspace-963233/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何隱藏網頁中的一段文字網頁
- 網頁設計中的隱藏選單示例網頁
- 如何隱藏和解網頁原始碼網頁原始碼
- 網站產品頁設計中隱藏的心理學冷知識網站
- 小程式tabBar跳轉頁面並隱藏tabBartabBar
- 如何在網頁上隱藏你的Email郵件地址網頁AI
- OSX中隱藏和顯示[隱藏檔案]的命令列命令列
- .NET 5 中的隱藏特性
- 無線網路環境中的隱藏設定
- 網站防止被舉報程式碼舉 QQ 上的網頁報入口隱藏 QQ 上的網頁網站網頁
- GRUB選單隱藏的解除(轉)
- 刪除WinXP隱藏的元件(轉)元件
- “黑屏”隱藏實現 (轉)
- Windows XP中隱藏的幾個安全小工具(轉)Windows
- VB中實現窗體自動隱藏 (轉)
- Windows系統中巧妙隱藏驅動器(轉)Windows
- c++中的隱藏及過載、重寫與隱藏的區別C++
- 解除安裝隱藏的網路卡
- 聊聊React中的隱藏彩蛋功能React
- 用 CSS 隱藏頁面元素的 5 種方法CSS
- 影像隱寫之使用PHP隱藏影像中的文字PHP
- MAC如何顯示隱藏檔案和隱藏隱藏檔案的命令Mac
- 隱藏nginx版本號資訊(轉)Nginx
- datagridview的網格線如何隱藏View
- go 中 defer 的一個隱藏功能Go
- MySQL 8.0 中的索引可以隱藏了!MySql索引
- 隱藏域在Ajax中的應用
- 隱藏JqueryMobile中的Header與FooterjQueryHeader
- C++中的覆蓋和隱藏C++
- 微信隱藏網頁右上角按鈕js程式碼例項網頁JS
- 在VC中實現程式在啟動時隱藏 (轉)
- 啟用Windows Vista中幾項隱藏功能(轉)Windows
- 在Linux中從隱藏密碼遷移至tcb(轉)Linux密碼
- 隱藏資料夾怎麼取消隱藏 關閉隱藏檔案的辦法
- 由顯示/隱藏引出的CSSbug(轉)CSS
- 由顯示/隱藏引出的CSS Bug(轉)CSS
- Linux中的C語言妙用(轉)LinuxC語言
- 在你的 Flutter 專案中隱藏敏感資訊Flutter