页面刷新保存addclass样式怎么实现???

页面刷新保存addclass样式怎么实现???,第1张

1. 用ajax加载内容页面 , 同时打开菜单 .. 就是说页面不跳转

2. 用iframe显示内容也 , 同样页面不跳转

3. 在页面中控制 链接的样式 , 比如当前页面 是业务报表页面 , 那么就控制这个菜单 的class 为 active...类似这样吧

比较好的办法是使用url传参数,然后根据参数判断是否有必要显示class

但是更好的办法是下面这段JS

$('ul.main-menu li a').each(function(){

if($($(this))[0].href==String(window.location))

$(this).parent().addClass('active')

})

首先准备两个样式表:1.css 2.css (先用这个吧)

然后在<head>标签里加入一下代码:

<head>

<script type="text/javascript">

var cssname=Math.floor(Math.random()*2+1)

document.write("<link rel='stylesheet' type='text/css' href='"+cssname+"'.css/>")

</script>

……

</head>

注释:用的是随机输出1~2之间的整数来作为CSS的文件名,所以CSS的文件名必须和它对应。呵呵 有一个缺点就是不能保证每次刷新时都会调用新的CSS。希望高手来搭把手!

看看对你有没有帮助

=======================

如果用这个代码,那css文件名就必须至少含有1或者2。如果你想要按照自己的方式命名,那就用数组吧。其实也就是调用arr[0]、arr[1]、arr[2]这种模式。个人感觉没什么必要,以后维护也没什么繁琐的。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11727332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存