将文本替换为在新选项卡中打开的可单击文本链接

时间:2017-07-22 06:31:53

标签: javascript replace

我想在javascript中用text 1替换text 2

Text 2应该是可点击的,它会在新标签中显示网站X.

我用来替换文字的代码:

var search = "TEXT 1";
var replacement = "TEXT 2";
document.body.innerHTML = document.body.innerHTML.split(search).join(replacement);

3 个答案:

答案 0 :(得分:1)

您可以将a标记用作字符串,target='_blank'可以在新标签中打开链接。

var search = "TEXT 1";
var replacement = "TEXT 2";

var replacementTag = "<a href='http://www.google.com' target='_blank'>"+replacement+"</a>";

document.body.innerHTML = document.body.innerHTML.split(search).join(replacementTag);
TEXT 1

答案 1 :(得分:1)

var search = "TEXT 1";
var replacement = "TEXT 2";
document.body.innerHTML = document.body.innerHTML.split(search).join(replacement);

您的替换代码足以完成将所有出现的TEXT 1替换为TEXT 2的工作。

要将结果TEXT 2设置为可点击并指向站点X,请更改替换变量以将TEXT 2包含在锚点标记内,其中href位于站点X的地址,目标为“_blank”以打开新链接窗口。

var search = "TEXT 1";
var replacement = "<a href='X Address goes here' target='_blank'>TEXT 2</a>";
document.body.innerHTML = document.body.innerHTML.split(search).join(replacement);

答案 2 :(得分:0)

您可以使用replace()TEXT 1替换为TEXT 2,并打开新标签中的链接,您必须在锚标记中使用属性target='_blank'

var search = "TEXT 1";
var replacement = "<a href='https://www.google.com' target='_blank'>TEXT 2</a>";
document.body.innerHTML = document.body.innerHTML.replace(new RegExp(search), replacement);
some thing TEXT 1