頁面增加html,為靜態頁面HTML增加session功能

一般來說,只有服務器端的CGI程序(ASP、PHP、JSP)具有session會話功能,用來保存用戶在網站期間(會話)的活動數據信息,而對于數量眾多的靜態頁面(HTML)來說,只能使用客戶端的cookies來保存臨時活動數據,但對于cookies的操作是個很煩瑣的過程,遠沒有對于session操作那樣簡便。

為此,本文向讀者推薦一種在DHTML中的解決方案“Persistence技術”,使得在靜態頁面中也能使用session會話功能。

使用保持(Persistence)技術讓我們能夠在當前會話過程中保存一些數據對象到客戶端,它減少了對服務器的訪問請求,充分發揮了客戶端計算機的數據處理能力,從而也整體提升了頁面顯示效率。

Microsoft Internet Explorer 5瀏覽器和以后的版本都支持使用狀態保持(Persistence)技術,它有以下幾種行為可供調用:

saveFavorite—當頁面被添加到收藏夾時保存頁面狀態和信息

saveHistory—在當前會話中保存頁面狀態和信息

saveSnapshot—當頁面被保存到硬盤時,保存頁面狀態和信息persists

page state and information directly in the page when users save the Web page to

their hard disk.

userData—在當前會話中用XML格式保存頁面狀態和信息 網頁制作

Persistence技術打破了以前使用使用cookies和session的傳統,它繼承了以前cookies的一些安全策略,同時也增加了存儲和管理數據的能力。我們的每個頁面有64KB的用戶數據存儲容量,對于每個站點總計有640KB的存儲上限。

Persistence技術存儲的數據格式符合XML標準,所以可以使用DOM技術中的getAttribute和setAttribute方法來存取數據。

下面是一個Persistence技術的典型應用,通過對Persistence存儲數據的分析,使得靜態頁面具有驗證功能。

實際判斷過程是這樣的:

有三個對象:游客V、導航頁面A、內容頁面C

游客V只能通過導航頁面A的鏈接才能看到內容頁面C;

如果游客V是通過其它途徑來訪問內容頁面C(比如通過其它網站的超鏈接、直接在IE地址欄中輸入網址訪問等),內容頁面C將自動提示版權信息,顯示空白頁。

具體實現步驟:

一、在“導航頁面”中加入一個STYLE用來定義persistent類,同時加入存儲函數fnSave用來授權。

.userData {behavior:url(#default#userdata);}

網頁編程

function fnSave(){

oPersistDiv.setAttribute("bIsValid","true");

oPersistDiv.save("oXMLStore");

}

二、在“導航頁面”的

和區域中定義一個層用來標識Persistence對象

三、在“導航頁面”的超鏈接屬性中加入一條語句用來調用函數fnSave:

接下來,為“內容頁面”加入驗證功能:

四、在“內容頁面”中加入一個STYLE用來定義persistent類,同時加入存儲函數fnLoad用來判斷合法性。

.userData {behavior:url(#default#userdata);}

var bPageValid=false;

function fnLoad(){

oPersistDiv.load("oXMLStore");

if((oPersistDiv.getAttribute("bIsValid"))&&(oPersistDiv.getAttribute("bIsValid")=="true")){

bPass=true;

網頁模板

}

else{

bPass=false;

}

oPersistDiv.setAttribute("bIsValid","false");

oPersistDiv.save("oXMLStore");

if(bPass==false){

var sError="來源不明,請您通過授權網站訪問我們.";

alert(sError);

location.href="about:blank";

}

}

五、修改“內容頁面”的

區域如下:

從以上范例可看出,通過persistence的使用,使得普通的靜態內容頁面具有了session功能,一般的不敏感信息完全可以通過session保存在客戶端。

使用多個帶有session功能的靜態頁面可以完成眾多復雜任務,如虛擬購物車,高級搜索引擎等。同時,由于將以前服務器端承擔的部分session任務轉移到客戶端,減少了數據交互量,大大降低了服務器的負擔。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/536543.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/536543.shtml
英文地址,請注明出處:http://en.pswp.cn/news/536543.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

關于Istio 1.1,你所不知道的細節

本文整理自Istio社區成員Star在 Cloud Native Days China 2019 北京站的現場分享 第1則 主角 Istio Istio作為service mesh領域的明星項目,從2016年發布到現在熱度不斷攀升。 Istio & Envoy Github Star Growth 官網中Istio1.1的架構圖除了數據面的Envoy和控制面…

html調用父頁面的函數,js調用父框架函數與彈窗調用父頁面函數的方法

調用父級中的 aaa的函數子頁面中:οnclick"window.parent.frames.aaa()"父頁面中:function aaa(){alert(‘bbbbb’);}----------------------------------------------frame框架里的頁面要改其他同框架下的頁面或父框架的頁面就用parentwindow.opener引用的是window.…

讀卡距離和信號強度兩方面來考慮

選擇物聯宇手持終端機的時候,你可以參考以下幾個原則:選擇行業需要應用功能,能有效控制好預算。屏幕界面需要高清晰的,選用分辨率較高的能更好的支持展現。按照項目所需求的來分析,需要從讀卡距離和信號強度兩方面來考…

html script 放置位置,script標簽應該放在HTML哪里,總結分享

幾年前,有經驗的程序員總是讓我們將很明顯,現在瀏覽器有了更加酷的兼容方式,這篇文章,俺將跟大家一起來學習script標簽的async和defer新特性,探討script應該放在哪里更好。頁面加載方式在我們討論當瀏覽器加載帶有獲取…

2021吉林高考26日幾點可以查詢成績,2021吉林高考成績查分時間及入口

2021吉林高考成績查分時間及入口2021吉林高考成績查分時間及入口,有一些高考生真的很積極,考完試當天就將答案給對好了,考試嘛,站在旁觀者的角度來看總是有人歡喜有人憂。估出來分數不咋地的,整個六月就毀了。2021吉林…

easyui,layui和 vuejs 有什么區別

2019獨角獸企業重金招聘Python工程師標準>>> easyui是功能強大但是有很多的組件使用功能是十分強大的,而layui是2016年才出來的前端框架,現在才更新到2.x版本還有很多的功能沒有完善,也還存在一些不穩定的情況,但是lay…

廣東2021高考成績位次查詢,廣東一分一段表查詢2021-廣東省2021年一分一段統計表...

廣東省高考一分一段表是同學們在填報高考志愿時的重要參考資料之一。根據一分一段表,大家不僅可以清楚地了解自己的高考成績在全省的排名,還可以結合心儀的大學近3年在廣東省的錄取位次變化,判斷出自己被錄取的概率大概是多少。根據考試院公布…

bootstrap-select動態生成數據,設置默認選項(默認值)

bootstrap-select設置選中的屬性是selected"selected",只要找出哪一項要設置為默認選項,再設置其屬性selected"selected"即可,親測有效。代碼如下: var currentId $(_this).attr(data_id);//目標id&#xff…

無法顯示驗證碼去掉html,如何去除驗證碼-模版風格-易通免費企業網站系統 - Powered by CmsEasy...

去除前臺用戶登錄驗證碼1.修改lib/default/user_act.php 注釋掉或刪除55-58行修改為//if(!session::get(verify) || front::post(verify)<>session::get(verify)) {//front::flash(驗證碼錯誤&#xff01;);//return;//} 復制代碼2.修改template/default/user/login.html…

webpack4打包工具

什么是webpack webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時&#xff0c;它會遞歸地構建一個依賴關系圖(dependency graph)&#xff0c;其中包含應用程序需要的每個模塊&#xff0c;然后將所有這些模塊打包成一個或多個…

通過計算機網絡進行的商務活動包括,電子商務練習題及答案

“電子商務”練習題一、填空題1&#xff0e;EDI系統構成三要素包括數據標準化、(EDI軟件及硬件)和(通信網絡)。2.B2C電子商務模式主要有&#xff1a;門戶網站、(電子零售商)、(內容提供商)、(交易經紀人)和社區服務商。3. 影響消費者網上購物的因素&#xff1a;商品特性、(商品…

PAKDD 2019 都有哪些重要看點?看這篇文章就夠了!...

雷鋒網 AI 科技評論按&#xff1a;亞太地區知識發現與數據挖掘國際會議&#xff08;Pacific Asia Knowledge Discovery and Data Mining&#xff0c;PAKDD&#xff09;是亞太地區數據挖掘領域的頂級國際會議&#xff0c;旨在為數據挖掘相關領域的研究者和從業者提供一個可自由 …

「javaScript-每三位插入一個逗號實現方式」

一道火了很久的面試題&#xff0c;//將以下數字從小數點前開始每三位數加一個逗號var num 1234567890.12345;復制代碼相信大家寫了這么久的前端代碼&#xff0c;不論是培訓也好&#xff0c;面試也好&#xff0c;這種題出現的頻率挺高的&#xff0c;網上方法很多&#xff0c;但…

計算機網絡df例題,計算機網絡期末試題北交.doc

計算機網絡期末試題北交北京交通大學 2007-2008學年 第學期考試試題課程名稱&#xff1a;計算機通信與網絡技術 出題人&#xff1a;網絡課程組題 號一二三五總分得 分簽 字選擇題(每題分&#xff0c;共0分)PING命令使用協議的報文A、TCP ?? ?B、UDP ??????????C、…

java B2B2C 仿淘寶電子商城系統-Spring Cloud Feign的文件上傳實現

在Spring Cloud封裝的Feign中并不直接支持傳文件&#xff0c;但可以通過引入Feign的擴展包來實現&#xff0c;本文就來具體說說如何實現。需要JAVA Spring Cloud大型企業分布式微服務云構建的B2B2C電子商務平臺源碼 一零三八七七四六二六 服務提供方&#xff08;接收文件&#…

2021計算機三級網絡技術教程,全國計算機等級考試三級教程——網絡技術(2021年版)...

前輔文第一單元 網絡規劃與設計第1章 網絡系統結構與設計的基本原則1.1 基礎知識1.2 實訓任務習題第2章 中小型網絡系統總體規劃與設計方法2.1 基礎知識2.2 實訓任務習題第3章 IP地址規劃設計技術3.1 基礎知識3.2 實訓任務習題第4章 路由設計基礎4.1 基礎知識4.2 實訓任務習題第…

subline Text3 插件安裝

--沒有解決&#xff0c;換了vscode 安裝Package Control 這是必須的步驟&#xff0c;安裝任何插件之前需要安裝這個 自動安裝的方法最方便&#xff0c;只需要在控制臺&#xff08;不是win的控制臺&#xff0c;而是subline 的&#xff09;里粘貼一段代碼就好&#xff0c;但是由…

大學計算機基礎書本里的畢業論文源稿,計算機基礎畢業論文范文

計算機基礎畢業論文范文導語&#xff1a;關于大學計算機基礎的教學&#xff0c;需要不斷探索與實踐&#xff0c;實現更好的教學。下面是小編帶來的計算機基礎畢業論文&#xff0c;歡迎閱讀與參考。論文&#xff1a;大學計算機基礎教學的探索與實踐摘要&#xff1a;大學計算機基…

p批處理替換目錄下文本中的字符串

echo offrem 進入批處理文件所在的路徑 cd C:\Users\zxh\Desktop\123echo ***** Replace "123" as "abc" ***** rem 定義要替換的新舊字符串 set strOld123 set strNewabcrem 定義變量修改本地化延期 setlocal enabledelayedexpansionrem 循環取出要處理的…

計算機技術基礎 VB 答案,《計算機技術基礎(VB)》武漢理工大學20春作業一

計算機技術基礎(VB)_作業一1.[判斷題] 寫在一行上的多條語句&#xff0c;應以逗號作為分隔符。奧鵬作業答案可以聯系QQ 761296021A.正確B.錯誤正確答案:——B——2.[判斷題] 滾動條的最小值、最大值、最小變動值、最大變動值屬性均可自行設計。A.正確B.錯誤正確答案:——A——3…