仅当页面 url 包含特定单词时才显示文本答案

【问题标题】：Show text only if page url contain specific word仅当页面 url 包含特定单词时才显示文本
【发布时间】：2019-01-03 04:09:38
【问题描述】：

只有当 URL 包含特定单词时，我才需要在一页上显示一些文本。我尝试了几个在 stackoverflow 上找到的示例，但似乎没有任何效果。

所以我需要在这个 URL 上显示文本 - “/index.php?option=com_registration&task=register”

我尝试编写代码来识别 URL 中的“注册”一词，但它不起作用。文本在所有页面上可见。

编辑：我要显示的文字是“创建帐户会自动将您添加到我们的双月通讯电子邮件列表中。请注意：您可以随时取消订阅。”

它应该位于页面上的每个内容之前。

【问题讨论】：

【解决方案1】：

您的网址是 - “/index.php?option=com_registration&task=register” 如果你是用 php 来做的

<?php 
  $check = $_GET['task'];
  if(isset($check)){
     #do something...
  }
?>

重点是从 url 获取查询并检查它是否已设置，您是使用 GET 方法进行的，因此您将使用 $_GET['parameterName'] 获取它，变量 $check 将分配参数的值价值

【讨论】：

【解决方案2】：

我真的很喜欢@31piy 的回答，不过如果你必须支持 Internet Explorer 并且不想为了简单的 URL 匹配而添加整个库，你总是可以使用好的旧正则表达式甚至 indexOf。

例如，您可以将 RegEx 用于“注册”或“任务=注册”。

如果你想进行简单的比较（例如包含task=register），那么我会选择字符串比较：

if (window.location.href.indexOf('task=register') !== -1) {
    // show text here
}

如果您想在匹配方面更加灵活，您应该使用正则表达式：

var regex = /task=register/;

if (regex.test(window.location.href)) {
    // show text here
}

有关正则表达式的更多信息，我强烈建议使用解释工具，例如 this one。

【讨论】：

【解决方案3】：

您可以使用URL API 解析浏览器的位置URL，然后搜索task 参数的值。如果匹配register，则执行逻辑以显示文本。

var url = new URL(window.location.href);

if (url.searchParams.task === 'register') {
  // perform logic to show the text
}

请注意，Internet Explorer 中不提供 URL API。这种情况需要手动解析URL参数，或者使用第三方库，如URI.js。

【讨论】：