Replace 查找&；替换用户通过网站更改超链接的脚本

我在网页上有一个超链接列表，我想允许用户执行查找和替换命令，该命令将一次更改所有超链接，并生成一个自定义列表，他们可以复制并粘贴到其他地方

例如：

google.com/search？q=search+phrase&pws=0

google.com/search？tbm=blg&q=search+phrase&pws=0

对于上述两个URL（假设它们是超链接的），用户可以执行查找和替换，查找“搜索+短语”并将其替换为“自定义+搜索+新建”，以呈现以下新的超链接URL：

google.com/search？q=custom+search+new&pws=0

google.com/search？tbm=blg&q=custom+search+new&pws=0

---

它可以是和的组合。您可以使用正则表达式和JavaScript或Jquery

由于您没有标记

Javascript

或

JQuery

，因此这里有一个JQuery示例（虽然它可以很容易地替换为

Javascript

）

---

小提琴手：

你的问题不是很清楚这是为了什么。正如您所说的，必须在客户端进行更改（不要提及服务器端的任何更改），仅使用客户端编程语言进行更改是有意义的。在浏览器中，javascript将是一个逻辑解决方案。当您要做更复杂的事情时，您可能需要查看一个库，例如。现在，我将用纯javascript给出这两种解决方案，因为这太简单了，无法加载完整的库

替换文本字段中的文本

如果您正在制作类似于编辑器的东西，那么您可能会在文本字段中查找并替换某些东西

function doReplace() {
  var s = document.getElementById('search').value;
  var r = document.getElementById('replace').value;

  var oldtext = document.getElementById('mytext').innerHTML;
  var newtext = oldtext.replace( s, r );

  document.getElementById('mytext').innerHTML = newtext;
}

这将在字符串上使用。这是一把小提琴

替换实际链接中的文本

var $a = document.getElementsByTagName('a');
var search = "asdf";
var replace = "qwer";

for( var i = 0; i < $a.length; i++ ) {
    $a[i].href = $a[i].href.replace( '/' + search + '/g', replace );
}

var$a=document.getElementsByTagName（'a'）；
var search=“asdf”；
var replace=“qwer”；
对于（变量i=0；i<$a.length；i++）{
$a[i].href=$a[i].href.replace（'/'+search+'/g'，replace）；
}

---

工作小提琴。它使用正则表达式和。

它们是在文本字段中还是实际链接（

）？我希望它们最终成为实际链接。我为find和replace命令设想了一个文本字段，它在一个新的html框架中呈现新的链接，比如htmlsandbox.com和textmachine.com/find-and-replace-text.html的组合。但我愿意选择最简单的（和服务器上最小的负载），这看起来很棒。不幸的是，我太无知了，不知道该如何处理这些代码，如何将其绑定到用户输入文本字段中，等等。恐怕我需要关于如何在wordpress页面中进行操作的说明。对不起，我是新手！是的，仅限于客户端：我有一个包含20个谷歌搜索链接的列表，我希望客户端能够通过一个搜索和替换命令来更改这些链接。我希望结果是实际的超链接，客户端只需点击即可。我还需要关于如何放置此代码的说明。再说一次，对不起，我是个新手。我比平时更彻底了。在StackOverflow上，您至少需要对问题有基本的了解。如果你不知道什么是JavaScript，用谷歌搜索它。如果你不知道如何使用JavaScript，用谷歌搜索它。如果您不确定这些代码片段的作用，请转到并研究函数的作用、作为参数的内容以及返回的内容。这是非常直接的代码。谢谢。为了得到我想要的东西，我把代码弄乱了。我会想出如何实现它。所以我就快到了，并且学到了很多东西。我修改过的fiddle:jsfiddle.net/H4FYj/Problem:Search and replace只执行第一个链接，而不执行第二个链接。我希望它做尽可能多的链接，我已经列出。此外，如果用户输入一个短语，我希望替换工具自动将URL中单词之间的空格替换为“+”。可能的

var $a = document.getElementsByTagName('a');
var search = "asdf";
var replace = "qwer";

for( var i = 0; i < $a.length; i++ ) {
    $a[i].href = $a[i].href.replace( '/' + search + '/g', replace );
}