这里有任何 Javascript 专家来制作这个脚本吗？如果锚点改变重定向页面

Posted 2023-05-07

【中文标题】这里有任何 Javascript 专家来制作这个脚本吗？如果锚点改变重定向页面

【英文标题】：Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page

【发布时间】：2016-04-11 05:02:55

【问题描述】：

javascript 专家，

我在自己创建的模板中使用了一个链接...如您所见：

<a href='http://www.allbloggertricks.com'>Blogging Tips</a>

不，我希望将 锚文本 从 Blogging Tips 更改为任何其他内容，然后页面应重定向到 example.com。

例子：如果链接变成这样：

<a href='http://www.allbloggertricks.com'>Awesome Tips</a>

现在页面应该重定向到 example.com，因为它的锚文本从 “Blogging Tips” 更改为

“精彩提示”

【问题讨论】：

Redirect The Page if Anchor Text is not Match的可能重复

【参考方案1】：

不确定您是否希望页面自动重定向或只是动态更改 URL。当您使用“重定向”一词时，我将使用第一个。加载页面后运行类似的操作。

var anchorTags = document.getElementsByTagName("a");
var len = anchorTags.length;
while (len--) 
    var anchor = anchorTags[len];
    if (anchor.textContent === "Awesome Tips") 
        anchor.href = "http://example.com/";
        anchor.click();
    

希望对您有所帮助。 :)

---

编辑：继续下面的评论。

如果我理解正确，您需要识别特定的锚标记，然后检查它的文本是否为“Blogging Tips”。首先要做的是给你的目标锚标签一个唯一的标识（id）......

<a href="http://..etc.." id="the_link">Blogging Tips</a>

现在您可以通过...轻松找到它

var theLink = document.getElementById('the_link');

然后您可以进行类似于上述建议的检查，但这次是查看文本是否不是“Blogging Tips”...

if (theLink.textContent !== "Blogging Tips") 
   // .... do something ...

如果你想重定向页面，最简单的方法是使用window.location.assign(More on this at MDN)。

您只能在页面加载后进行此检查，因此您需要将其包装在 window.onload 函数中，或者将其放入可在页面加载后调用的函数中 (More on this at MDN)。假设第一个选项，JavaScript 现在看起来像这样......

window.onload = function() 
  var theLink = document.getElementById("the_link");
  if (theLink.textContent !== "Blogging Tips") 
    window.location.assign("http://example.com/");
  
;

但是，如果您的模板用户删除或更改了锚标记的 id，或者更改了您的 JavaScript，那么您几乎无能为力。

希望对您有所帮助。 :)

【讨论】：

h @BrianPeacock 这不是我想要的......听我说我正在创建模板并将我的链接放在这个：allbloggertricks.com'>Blogging Tips at botoom，现在当一些用户下载模板并上传到他们的网站，他们现在只更改锚文本“博客提示”如何添加脚本，如果他们将锚文本“博客提示”更改为其他任何内容，则页面应重定向到 example.com

或查看此帖子：***.com/questions/34642898/… 以获得更好的理解。您也可以分享该帖子中的代码。

@Jun Rung 我已经根据您的 cmets 更新了我的答案。

感谢捆绑包，它对我有用，我只需将“the_link”ID 添加到我所针对的同一个 ahref 链接中，并且效果很好。再次感谢。

@Jun Rung 没问题。请将此问题标记为已回答。