シェアフロントエンドWebフロントエンドへの良いプログラマは3チュートリアル演習をするJavaScript

）{チェックしますsetcookie（ "usename"、入力[0] .VALUE、1）。ますsetcookie（ "パスワード"、入力[1] .VALUE、1）。}他{ removeCookie（ "usename"）。

removeCookie（ "パスワード"）;
}
}

//将函数作为对象的方法进行封装
関数ますsetcookie（名前、値、N）{
VAR日=新しいDate（）;
date.setDate（date.getDate（）+ N）。
//名+ "=" +値+は、 ";" + "期限が切れ" + "=" +大館。
document.cookie =名+ "=" +値+は、 ";" + + "=" +日付"を満了しました"。
}
関数getCookie（名）{
VAR STR = document.cookie。
VAR ARR = str.split（ ";"）;
{（I ++; I <arr.length varがI = 0）するための
VAR newArr = ARR [I] .split（ "="）。
IF（newArr [0] ==名）{
リターンnewArr [1]。
}
}
}
関数removeCookie（名）{
ますsetcookie（名前、11、-2）。
}
购物车
产品页面JS代码：
<スクリプトタイプ= "テキスト/ javascriptの">

"タイトル"： "蒙牛"、
"価格" 60、
"imgUrl"： "IMG / photo1.jpg"
}、{
"ID"：10002、
"タイトル"： "婚纱照"、
"価格"：19999、
" imgUrl "：" IMG / photo2.jpg」
}、{
"ID"：10003、
"タイトル"： "加湿器"、
"価格" 100、
"imgUrl"： "IMG / photo3.jpg"
}]。

//生成结构
VAR OUL =のdocument.getElementById（ "productList"）;
VAR STR = "";
ため（VAR iが0 =; I <data.length; I ++）{
STR + = "<LI> <IMG SRC = ' "+データ[I] .imgUrl +"'> <P>" +データ[I] .TITLE + "</ P> <P>" +データ[I] .price + "</ P> <入力クラス= 'addBtn' TYPE = 'ボタン'データID = ' "+データ[I] .ID +"'値= '加入购物车'> </ LI> ";
}
oUl.innerHTML = STR。

カートTO // ADD
; VAR cartNum =のdocument.getElementById（ "cartNum"）
VAR onum = cartNum.children [0];
VAR COUNT = 0;

ため（VAR I 0 =; I <addBtns.length; I ++）{
addBtns [I] .onclick =関数（）{
一方ID @格納された格納されたデータ：{ "10001" NUMカート：1、 "10002"：3}
//我々は考慮に入れた場合は、カートの追加商品ID
VAR PRODID = this.getAttribute（ "データ-ID"）;
IF（OBJ [PRODIDは] ==未定義）{
OBJ [PRODID] = 1;
}他{
OBJ [PRODID ] ++;
}

  //把这个对象存到cookie

  //console.log(obj);

  var objToStr = JSON.stringify(obj);//将js对象（数组，对象）转换成JSON格式的字符串

  setCookie("cart",objToStr,7);

  //显示购物篮中的数量
  oNum.innerHTML = ++count;

}
} </ SCRIPT>
カート页面的JS代码：
<スクリプトタイプ= "テキスト/ javascriptの">
/ VARデータ= [{
"ID"：10001、
"タイトル"： "蒙牛"、
"価格"：60、
「imgUrl "：" IMG / photo1.jpg」
}、{
"ID"：10002、
"タイトル"： "婚纱照"、
"価格"：19999、
"imgUrl"： "IMG / photo2.jpg"
}、{
"ID" ：10003、
"タイトル"： "加湿器"、
"価格" 100、
"imgUrl"： "IMG / photo3.jpg"
}]。/
VARデータ= { "10001"：{
"ID"：10001、
"タイトル"： "蒙牛"、
"

"ID"：10003、
"タイトル"： "加湿器"、
"価格" 100、
"imgUrl"： "IMG / photo3.jpg"
}}。
VAR OLIST =のdocument.getElementById（ "cartList"）;
VAR OBJ = {};
（getCookie（ "カート"））{もし
OBJ = JSON.parse（getCookie（ "カート"））。
}
VAR列str = "";
（OBJにおけるVAR i）に対する{
/ （VAR J = 0; J <data.length; J ++）のための{
{（I ==データ[J] .ID）場合
STR + =「<LI> <IMG SRC =」 "+ DATA [J] .imgUrl +" '> <スパン> "+ DATA [J] .TITLE +" </スパン>の<span> "+ DATA [J] .price +" </スパン>の<span> "+ OBJ [ I] + "</スパン> </ LI>"
}
} /
STR + = "

}
oList.innerHTML = STR。
</ SCRIPT>

シェアフロントエンドWebフロントエンドへの良いプログラマは3チュートリアル演習をするJavaScript

おすすめ