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

原创 我怎么这么丑 随笔 随记 488阅读 2017-05-07 01:28:45 举报

之前自己学的前端,刚找到工作还没俩月,前几天做项目,用的是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'); //
})

 加油  小赵 

     老员工都这么叫我
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复