js检测标题与描述中的关键词发现就替换或跳转到别的页面

实现“js检测标题与描述中的关键词发现就替换或跳转到别的页面”,需要以下步骤:

  1. 在页面中添加一个用于承载脚本的script标签,并编写脚本。
<script>
  //这里是你的代码
</script>
  1. 定义需要匹配的关键词列表。
var keywords = ['关键词1', '关键词2', '关键词3'];
  1. 获取页面中的title元素和meta元素,用于检测标题和描述中是否包含关键词。
var title = document.querySelector('title').innerText;
var metaDescription = document.querySelector('meta[name="description"]').content;
  1. 通过正则表达式检测标题和描述中是否包含关键词。如果匹配成功,则修改标题或跳转到指定页面。
// 匹配标题
var isTitleMatched = false;
for (var i = 0; i < keywords.length; i++) {
  var keyword = keywords[i];
  var reg = new RegExp(keyword, 'i');
  if (reg.test(title)) {
    isTitleMatched = true;
    // 替换标题
    document.title = title.replace(reg, '***');
    break;
  }
}

// 匹配描述
var isMetaMatched = false;
for (var i = 0; i < keywords.length; i++) {
  var keyword = keywords[i];
  var reg = new RegExp(keyword, 'i');
  if (reg.test(metaDescription)) {
    isMetaMatched = true;
    // 跳转到指定页面
    window.location.href = 'http://example.com';
    break;
  }
}

下面提供两个具体的例子:

例子1:匹配到标题中的关键词,替换为星号。

var keywords = ['希望', '未来', '成功'];
var title = document.querySelector('title').innerText;

for (var i = 0; i < keywords.length; i++) {
  var keyword = keywords[i];
  var reg = new RegExp(keyword, 'i');
  if (reg.test(title)) {
    document.title = title.replace(reg, '***');
    break;
  }
}

例子2:匹配到描述中的关键词,跳转到特定页面。

var keywords = ['商品1', '商品2', '商品3'];
var metaDescription = document.querySelector('meta[name="description"]').content;

for (var i = 0; i < keywords.length; i++) {
  var keyword = keywords[i];
  var reg = new RegExp(keyword, 'i');
  if (reg.test(metaDescription)) {
    window.location.href = 'http://example.com';
    break;
  }
}

注意,以上示例均只涉及关键词的检测和修改,实际情况中可能还需要考虑多个关键词同时出现、跳转的目标页面等问题。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js检测标题与描述中的关键词发现就替换或跳转到别的页面 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • CSS清除浮动的常用方法优缺点分析

    CSS中的浮动是一种常见的布局方式,但有时候也可能会出现浮动元素导致父容器高度塌陷的问题。这时候就需要使用清除浮动的方法。 本文将详细讲解CSS清除浮动的常用方法优缺点分析,并提供两个示例说明。 一、清除浮动的常用方法 1. 空div清除浮动 这是最传统的清除浮动方式,通过在浮动元素末尾添加一个空div,并在CSS中为该div设置clear属性,从而达到清除…

    css 2023年6月10日
    00
  • 纯css制作带三角的边框(附效果图)

    下面开始讲解“纯css制作带三角的边框(附效果图)”的完整攻略。 1.需求分析 在页面样式设计中,时常需要添加一些边框来美化页面,如果能够在边框中添加三角形的图形,将会让页面更加丰富和美观。 2.样式实现 首先,我们需要在HTML的某个元素上添加一个类名,假设我们添加的类名为”triangle”。接下来,我们通过以下步骤实现带三角的边框。 2.1 给元素添加…

    css 2023年6月10日
    00
  • 书写css伪类时冒号后多个空格导致该规则失效

    当书写 CSS 伪类时,如果在冒号后面紧跟多个空格,这样的空格将会被视为无效字符,从而导致该规则失效,这是因为 CSS 语法不支持在伪类选择器中使用多个空格来隔开伪类选择器和样式规则。 解决该问题有两种解决方案: 1.删除多余空格 将书写伪类时冒号和伪类名后的空格删除,确保其后没有多余的空格,如下所示: /* 错误写法,冒号后多个空格 */ a:hover …

    css 2023年6月9日
    00
  • CSS定位中Positoin、absolute、Relative的一些研究

    CSS定位中Position、Absolute、Relative的一些研究 Position属性 CSS中的Position属性用于指定元素在文档中的定位方式。它可以取三个值,分别是static、relative和absolute。 static: 默认值。元素按照正常文档流进行排布。 relative: 元素相对于其正常位置进行定位,也就是说,相对于该元素…

    css 2023年6月9日
    00
  • VsCode插件整理(小结)

    VsCode插件整理(小结) Visual Studio Code是一款强大的跨平台代码编辑器,拥有丰富的插件生态系统。这些插件可以帮助开发人员更高效地编写代码和管理项目。在这篇文章中,我们将整理一些常用的VsCode插件,包括它们的功能、使用方法和示例。 插件列表 在这里,我们将列举几个常用的VsCode插件,并给出它们的详细介绍。 1. Bracket …

    css 2023年6月9日
    00
  • js实现rem自动匹配计算font-size的示例

    JS实现REM自动匹配计算FontSize主要涉及以下步骤: 在<head>标签中,添加一个<style>标签,用于设置根元素的默认font-size大小,例如: <style> html { font-size: 16px; } </style> 在JS中,使用如下代码监听窗口大小的变化,并在变化时重新计算f…

    css 2023年6月11日
    00
  • CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)

    CSS3 Media Queries是CSS3的一个重要特性,它允许我们根据设备不同的宽度、高度或分辨率等特征,对不同的设备使用不同的样式。这样,我们就可以通过响应式布局来实现适配不同屏幕大小的需求。下面是CSS3 Media Queries的完整攻略。 什么是CSS3 Media Queries? CSS3 Media Queries是CSS3的一个模块,…

    css 2023年6月9日
    00
  • mui上拉加载功能实例详解

    MUI上拉加载功能实例详解 MUI是一种web开发框架,提供了很多方便的组件和工具,其中上拉加载是MUI框架中的一个常用功能。本文将对MUI上拉加载功能进行详细讲解,并提供两条示例进行说明。 上拉加载实现原理 MUI上拉加载的实现依赖于MUI的scroll组件。当用户滚动内容区域时,scroll组件会触发一个scroll事件,此时我们可以通过监听scroll…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部