JavaScript CSS Web ページがロードされるたびに異なるスタイルを実装する方法_JavaScript スキル

var Init = {
//スタイルシートファイルのディレクトリパス
baseSkinUrl: "/blog/css/skin/",
//スタイルシートファイル名のリスト
スタイル: ["default", "skin1", "skin2", "skin3"],
//スタイル Cookie のキー値
cookieKey: "css9_blog_random_css",
//min から範囲を取得するメソッドを定義最小値と最大値を含む乱数
getRandomNum: function(min, max){
return min Math.floor(Math.random() * (max - min 1));
}; 🎜 > //Cookie 値を取得するメソッドを定義
getCookie: function(name) {
var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]* ) (;|$)"));
if (arr != null) {
return unescape(arr[2]);
return null;
},
//定義メソッド、Cookie 値を設定します
setCookie: function(sName,sValue,objHours,sPath,sDomain,bSecure){
var sCookie = sName "=" encodeURIComponent(sValue);
if (objHours) {
var date = new Date();
var ms = objHours * 3600 * 1000;
date.setTime(date.getTime() ms);
sCookie = " ;expires=" date .toGMTString( );
sCookie = ";domain= " sDomain;
}
if (bSecure) {
sCookie = ";secure" 🎜> // メソッドを定義し、ランダムに CSS を取得します。 number
loadCSS:function(){
var length = this.styles.length,
random = this.getRandomNum(0, length-1),
cookieStyle = this.getCookie(this.cookieKey ）、
currentStyle = "デフォルト";ランダム] == cookiestyle）
Cookieは24時間有効です
"css9.net", false);
// スタイル名が "default" デフォルト スタイルでない場合は、カスタム スタイルを タグに書き込みます
if(currentStyle != "default ")
{
document.write('href="' this.baseSkinUrl this.styles[random] '.css" / >');
(); //上記の js コードを Init.js ファイルとして保存し、その js ファイルを 。

使用上のヒント: Web ページですでに jQuery を使用している場合は、前に紹介した jQuery Cookie 操作プラグインを使用して、setCookie メソッドと getCookie メソッドを定義することなく、Cookie の読み取りおよび書き込み操作を実装できます。コード。