JS 버전 웹사이트 스타일 전환 예시 code_javascript 기술

//Style Sheet Switcher 버전 1.0 2005년 11월 9일
//작성자: Dynamic Drive: http://www.dynamicdrive. com
//사용 조건: http://www.dynamicdrive.com/notice.htm
function getCookie(Name) {
var re=new RegExp(Name "=[^;] ", " i") ; //대상 이름/값 쌍을 검색하도록 RE를 구성합니다.
if (document.cookie.match(re)) //쿠키가 발견된 경우
return document.cookie.match(re)[0] .split( "=")[1] //값 반환
null 반환
}
function setCookie(name, value, days) {
varexpireDate = new Date()
//"expstring"을 미래 날짜 또는 과거 날짜로 설정하여 각각 쿠키를 설정하거나 삭제합니다.
var expstring=(typeof days!="undefine")?expireDate.setDate(expireDate.getDate()parseInt(days)) :expireDate.getDate()-5)
document.cookie = 이름 "="값"; 만료="expiredDate.toGMTString() "; 경로=/"
}
함수 deleteCookie(name ){
setCookie(name, "moot")
}
function setStylesheet(title) {
var i, 캐시obj
for(i=0; (cacheobj=document. getElementsByTagName(" link")[i]); i ) {
if(cacheobj.getAttribute("rel").indexOf("style") != -1 && 캐시obj.getAttribute("title")) {
cacheobj .disabled = true
if(cacheobj.getAttribute("title") == title)
cacheobj.disabled = false //선택한 스타일 시트 활성화
}
}
}
함수 chooseStyle(styletitle, days){
if (document.getElementById){
setStylesheet(styletitle)
setCookie("mysheet", styletitle, days)
}
}
var selectedtitle=getCookie("mysheet")
if (document.getElementById && selectedtitle!=null) //저장된 스타일 시트가 있는 경우 사용자가 선택한 스타일 시트 로드
setStylesheet(selectedtitle)

<제목 ="기본 스타일" href ="javascript:chooseStyle('default',5)">기본 스타일
주황색 스타일
파란색 스타일