怎么给当前点击的a标签添加一个样式（跳转页面后）

怎么给当前点击的a标签添加一个样式（跳转页面后）：

方法1. 用cookie记录这个打开的序列号，然后页面在跳转的时候在读出来。
方法2. 循环a的链接，然后与location.href去比对，如果相同，或包含有同样字符串序列，则添加className.
方法3. 给每个页面写一个页面的id值，然后每次判断，有值则addClass

推荐第二种：

var url = window.location.href;$('.nav li a').each(function () {if (returnUrl($(this).attr('href'))== returnUrl(url)){$(this).addClass('selected');}});
//以下为截取url的方法function returnUrl(href){var number=href.lastIndexOf("/");return href.substring(number+1);}function returnFileName(href){var number1=href.lastIndexOf("/");var number2= href.substring(0,number1).lastIndexOf("/");return href.substring(number1,number2+1);}

转载于:https://www.cnblogs.com/mina-huojian66/p/6222907.html

怎么给当前点击的a标签添加一个样式（跳转页面后）相关推荐

js中获取当前点击的li标签以及li标签中a标签的id
可以使用以下代码来获取当前点击的li标签的id: document.querySelectorAll('li').forEach(function(li) {li.addEventListener(' ...
html中a标签根据一个参数跳转不同的页面
html中a标签根据一个参数跳转不同的页面 a标签 a标签通过调用fun1()方法来跳转不同页面 <a href="javascript:void(0);" onclick= ...
uniapp在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
问题描述: 使用uniapp编译成小程序时,在生命周期onLaunch中运用redirectTo或reLaunch跳转页面后点击事件失效,但是如果你重定向的页面中有使用navigator组件跳转后再返 ...
html中点击A超链接标签使其不跳转
html中点击A标签使其不跳转 <a href="#"></a>有一个缺点,如果页面很长的话,会跳到本页面的顶部,有点像是跳到了一个新页面的感觉,体验不是很 ...
简单明了《a标签的href》跳转页面情况，看完秒懂！！！
什么是a标签的href ? a标签的默认跳转链接行为是由href来实现的,同时设置href属性可以使a标签在hover状态下以手指指示的样式显示.但实际过程中发现对a标签的href属性的不同设置,可能 ...
php将多个页面写在一个页面,php – 将多个标签添加到WooCommerce单个产品页面
我想为WooCommerce添加三个自定义标签.我有下面的代码,其中两个显示,但由于某种原因,属性描述选项卡不显示在页面上.不仅数量定价选项卡不显示其描述.我试图将代码的不同部分移动到不同的位置,我已 ...
Vue为v-html中标签添加CSS样式
在最近的vue项目中遇到的问题:v-html渲染的富文本,无法在样式表中修改样式: <template><div class="msgHtmlBox" v-htm ...
uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效,但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在原 ...
uniapp 在onLaunch中，使用redirectTo或reLaunch跳转页面后，点击事件失效解决方法
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效. 但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在 ...

怎么给当前点击的a标签添加一个样式（跳转页面后）

怎么给当前点击的a标签添加一个样式（跳转页面后）相关推荐

最新文章

热门文章