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();

});

});