일반적인 예는 사이트에 시청자가 선택할 수 있는 여러 페이지 스타일이 있다는 것입니다.
동시에 특정 스타일을 선택한 후에도 페이지를 다시 열 때 스타일이 계속 유지됩니다.
당연히 쿠키기술이 떠오르죠
다음은 프로그램 코드입니다.
<HTML>
<헤드>
<링크 ID=스킨 rel=스타일시트 유형=텍스트/css>
<TITLE>피부 재생 기술</TITLE>
<스크립트 언어=자바스크립트>
<!--
함수 SetCookie(이름,값){
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var 만료=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=name+=+escape(값)+((만료==null)?:(; 만료=+expires.toGMTString()))+((경로==null)?:(; 경로=+경로) )+((도메인==null)?:(; 도메인=+도메인))+((보안==true)?; 보안:);
}
함수 GetCookie(이름) {
var 검색 = 이름 + =;
var 반환값 = ;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(검색);
if (오프셋 != -1) {
오프셋 += 검색.길이;
end = document.cookie.indexOf(;, offset);
if (끝 == -1)
끝 = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
반환값 반환;
}
var thisskin;
thisskin=GetCookie(나우스킨);
if(이스킨!=)
skin.href=thisskin;
또 다른
skin.href=css.css;
함수 변경css(url){
if(url!=){
skin.href=url;
var expdate=new Date();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//다음은 COOKIES 시간을 1년으로 설정합니다. 시간은 임의로 설정할 수 있습니다.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</SCRIPT>
</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>
<선택 onchange=changecss(this.value)>
<option>스타일시트 파일 선택</option>
<스크립트 언어=자바스크립트>
var csss=new 배열();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var i;
for(i=0;i<4;i++)
if(thisskin==csss[i])
document.write(<옵션 값=/+csss[i]+/ selected>+csss[i]+스타일 시트 파일</option>);
또 다른
document.write(<옵션 값=/+csss[i]+/>+csss[i]+스타일 시트 파일</option>);
</script>
</select>
</BODY>
</HTML>