拓展

拓展集合

js添加删除检测元素类名

检测元素类名是否存在
1
$(this).hasClass('类名');

2
$(this).children('ul').is('.i类名');

3添加删除类名
$(this).toggleClass('类名');

4
$(this).addClass('active');

5
$(this).removeClass('active');

js获取直接子元素

$(this).children('ul').removeClass('in');

阻止冒泡

 $('.lanmus').on('click', function(event) 
       {
          $(this).toggleClass('active');
          //$(this).children('ul').toggClass('in');
           if($(this).children('ul').is('.in'))
           {
               $(this).children('ul').removeClass('in');
           }
           else
           {
               $(this).children('ul').addClass('in');
           }
          //alert('haha');
          event.stopPropagation();
       });
 
 
1
 event.stopPropagation();
 
2
return false;
 
不同的是这种方式会把跳转链接一起终止

键盘事件

 $('').keypress(function(e){})
 
 
 $('').keydown(function(e){})
 
 
 $('').keyup(function(e){})
 
 
e.keyCode: 13, e.key: "Enter",
 
按下回车键对应的是 13

js页面返回刷新

 
location.replace(document.referrer);
 
document.referrer

提示

需要注意的是，由于隐私保护的原因，现代浏览器对 document.referrer 的行为可能会有不同限制，不能完全依赖它来获取来源信息。

// 获取来源页面URL
const referrer = document.referrer;

// 输出来源信息
if (referrer) {
  console.log("用户从以下页面跳转而来：", referrer);
} else {
  console.log("用户直接访问或来源信息不可用");
}

// 检查是否来自特定域名
if (referrer.includes("example.com")) {
  console.log("用户来自 example.com 域名");
}