document.writeln绑定数据 --点击跳转添加样式

document.writeln(" <div class='flex-model'>");
document.writeln(" <div class='container'>");
document.writeln(" <div class='footer'>");
document.writeln(" <a href='order.html'>");
document.writeln(" <p class='icon icon1'>

");
document.writeln(" <p class='order'>订单

");
document.writeln(" ");
document.writeln(" <a href='saleAfterSelf.html'>");
document.writeln(" <p class='icon icon2'>

");
document.writeln(" <p class='income'>售后

");
document.writeln(" ");
document.writeln(" <a href='income.html'>");
document.writeln(" <p class='icon icon3'>

");
document.writeln(" <p class='goods'>收支

");
document.writeln(" ");
document.writeln(" <a href='goods.html'>");
document.writeln(" <p class='icon icon4'>

");
document.writeln(" <p class='goods'>商品

");
document.writeln(" ");
document.writeln(" <a href='my.html'>");
document.writeln(" <p class='icon icon5'>

");
document.writeln(" <p class='my'>我

");
document.writeln(" ");
document.writeln(" ");
document.writeln("");
document.writeln(" ");
document.writeln(" ");
$(function () {
// var storage=window.localStorage;
getItem();
function getItem(){
var temp = localStorage.getItem('temp');
if(temp != null){
if(temp == 1){
$(".footer a[href ='order.html']").addClass('active').siblings().removeClass('active');
}else if(temp == 2){
$(".footer a[href ='saleAfterSelf.html']").addClass('active').siblings().removeClass('active');
}else if(temp == 3){
$(".footer a[href ='income.html']").addClass('active').siblings().removeClass('active');
}else if(temp 4){
$(".footer a[href ='goods.html']").addClass('active').siblings().removeClass('active');
}else if(temp 5){
$(".footer a[href ='my.html']").addClass('active').siblings().removeClass('active');
}
}
};
$(".footer a").click(function(){
//alert(1111);
var href= $(this).attr('href');
if (href == 'order.html'){
localStorage.setItem('temp',1);
}else if(href == 'saleAfterSelf.html' || href == 'returnsAfterSelf.html' || href == 'saleAfterOffter.html' || href 'returnsAfterOffter.html' || href == 'saleAfterSupply.html' || href'returnsAfterSupply.html' || href'saleAfterExperience.html' || href'returnsAfterExperience.html'){
localStorage.setItem('temp',2);
}else if(href == 'income.html'){
localStorage.setItem('temp',3);
}else if(href == 'goods.html'){
localStorage.setItem('temp',4);
}else if(href == 'my.html'){
localStorage.setItem('temp',5);
}
//$(this).attr("color","red");
$(this).addClass('active').siblings().removeClass();
});

});