给a标签添加点击样式,刷新还存在

前几天做项目,用的是ifame,需要a标签跳转,但是又要给他加上点击的效果,我一开始想,哎呦 简单,但是写完之后发现a标签会有一个刷新效果,会把你的样式恢复,终于想到一个办法,a标签跳转带参数。

例子:
给a标签加一个点击事件
<li><a onclick=”ck(1)” id=”text1″>点我</a></li>
<li><a onclick=”ck(2)” id=”text2″>点我</a></li>

然后js写法:
function ck(a){
location.href = ‘1.html?’+a;    //  点击a标签  接受形参 带过去1 ;这样可以用于多个li
}

$(document).ready(function(){       //  等document加载完执行
var son =window.location.search;  //  接受a标签传过来的值  console.log 打印  是?1
var str =  son.substring(1);            //    把?给去掉
$(‘#text’+str).css(‘color’,’red’);      //
})

欢迎分享本文,转载请保留出处:前端ABC » 给a标签添加点击样式,刷新还存在

赞 (0)
分享到:更多 ()

发表评论 0