一般的な例としては、サイト上に閲覧者が選択できる複数のページ スタイルがあります。
同時に、特定のスタイルを選択した後、ページを再度開いたときにそのスタイルが維持されます。
当然、Cookie テクノロジーが思い浮かびます。
以下はプログラムコードです。
<HTML>
<頭>
<リンク ID=スキン rel=スタイルシート タイプ=テキスト/css>
<TITLE>スキンリサーフェシング技術</TITLE>
<スクリプト言語=javascript>
<!--
関数 SetCookie(名前,値){
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var 期限切れ=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var ドメイン=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=name+=+escape(value)+((expires==null)?:(;expires=+expires.toGMTString()))+((path==null)?:(; path=+path) )+((domain==null)?:(;domain=+domain))+((secure==true)?; secure:);
}
関数 GetCookie(名前) {
var search = 名前 + =;
var 戻り値 = ;
if (document.cookie.length > 0) {
オフセット = document.cookie.indexOf(検索);
if (オフセット != -1) {
オフセット += 検索長;
end = document.cookie.indexOf(;, オフセット);
if (終了 == -1)
終了 = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
戻り値を返します。
}
var thisskin;
thisskin=GetCookie(nowskin);
if(このスキン!=)
スキン.href=このスキン;
それ以外
スキン.href=css.css;
関数changecss(url){
if(url!=){
スキン.href=url;
var expdate=新しい日付();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
// 以下は COOKIES 時間を 1 年に設定します。時間は任意に設定できます。
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</スクリプト>
</HEAD>
<本体>
<P>皮膚の再表面効果をテストするには、下のドロップダウン メニューを選択してください。</P>
<a href=# onclick=changecss('css.css')>css.css</a>
<a href=# onclick=changecss('css1.css')>css1.css</a>
<a href=# onclick=changecss('css2.css')>css2.css</a>
<a href=# onclick=changecss('css3.css')>css3.css</a>
<br>
<select onchange=changecss(this.value)>
<option>スタイルシート ファイルを選択</option>
<スクリプト言語=javascript>
var csss=新しい配列();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
変数 i;
for(i=0;i<4;i++)
if(thisskin==csss[i])
document.write(<option value=/+csss[i]+/ selected>+csss[i]+スタイルシートファイル</option>);
それ以外
document.write(<option value=/+csss[i]+/>+csss[i]+スタイルシートファイル</option>);
</script>
</選択>
</BODY>
</HTML>