当前位置: 首页 > 面试题库 >

jQuery根据页面URL添加类

萧晔
2023-03-14
问题内容

我有什么,我 认为 是一个简单的问题,但我不能得到它的工作,为我的生活。

我要做的就是在页面上添加一些javascript,从而根据URL将一个类添加到主页容器中。

假设我在root.com上有一个站点,并且具有以下html结构(松散地说):

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  </head>
  <body>
    <div id="main" class="wrapper">
      Blah, blah, blah
  </body>
</html>

我想要做的是一个脚本,如果页面=(例如)root.com/technology,它将向主div添加一个类。因此div现在看起来像:

     <div id="main" class="wrapper tech">

我已经加载了jquery,所以我想这样做。


问题答案:

您可以使用window.location获取当前URL,然后基于该URL进行切换:

$(function() {
  var loc = window.location.href; // returns the full URL
  if(/technology/.test(loc)) {
    $('#main').addClass('tech');
  }
});

它使用正则表达式查看URL是否包含特定短语(特别是technology),如果包含,则将一个类添加到该#main元素。



 类似资料:
  • 页面窗格以缩略图显示仪表板中的所有页面。 添加一个新页面 在仪表板选项卡中,点击页面窗格上的“+”按钮。 将添加一个空白页到仪表板并已选择。 属性 页面的可用属性: 选项 描述 页面大小 自定义仪表板中页面的大小。 背景 设置页面的背景色。如果你选择“图像填充”,则可以选择图像文件和缩放比例选项。 不透明度 设置图像的不透明度。

  • 页面窗格以缩略图显示仪表板中的所有页面。 添加一个新页面 在仪表板选项卡中,点击页面窗格上的“+”按钮。 将添加一个空白页到仪表板并已选择。 属性 页面的可用属性: 选项 描述 页面大小 自定义仪表板中页面的大小。 背景 设置页面的背景色。如果你选择“图像填充”,则可以选择图像文件和缩放比例选项。 不透明度 设置图像的不透明度。

  • 页面窗格以缩略图显示仪表板中的所有页面。 添加一个新页面 在仪表板选项卡中,点击页面窗格上的“+”按钮。 将添加一个空白页到仪表板并已选择。 属性 页面的可用属性: 选项 描述 页面大小 自定义仪表板中页面的大小。 背景 设置页面的背景色。如果你选择“图像填充”,则可以选择图像文件和缩放比例选项。 不透明度 设置图像的不透明度。

  • 主要内容:将页面添加到PDF文档,示例在前一章中,我们已经学习了如何创建PDF文档。 创建PDF文档后,我们需要添加页面。 现在来了解如何在PDF文档中添加页面。 将页面添加到PDF文档 可以通过实例化类并使用类的方法将其添加到PDF文档来创建空白页面。 以下是创建一个空文档并向其中添加页面的步骤。 第1步:创建空白文档 通过实例化类创建一个空的PDF文档,如下所示。 第2步:创建一个空白页面 类表示PDF文档中的一个页面,因此可以通

  • 我有一个数据集 是否有任何方法可以确保,如果不同的的下一个值小于中的值,那么它应该在 列中执行加法。 下面是我期待的结果 所以基本上我寻求一个解决方案,对于每个唯一的< code>field_pointpath,如果它遇到一个小于前一个值的值,那么它应该将前一个值与下一个值相加。 if <代码>值[i 1]

  • 我试图将页码添加到url中(在useEffect函数的末尾),但现在导航到另一个页面将不再有效,每次我单击第2页时,只会导航回第1页,有人能看到我在这里做错了什么吗?我添加了我的列表组件、分页组件和应用程序。js。 书单。js Pagination.js 应用程序。js