关闭Javascript数组内的文本中的超链接

问题描述:

目前我有这样的:http://jsfiddle.net/492cy/关闭Javascript数组内的文本中的超链接

我要让跨度ID =的TextRange中的超链接。由于我有不同的文本(从数组中)填充textRange,我希望每个文本(“一个伙计”,“一个人”,“一个人”)成为不同的超链接。 因此,最终的结果将是:点击“一个伙计”导致website1.com,“男人”去到website2.com,“一个人”去到website3.com

这是你想要什么:

var delay = "3"; //how many seconds you wnat the delay to be 
var count = '0'; 
var Texts = ["a dude", "a man", "a human"]; 
var Links = ["http://www.google.com", "http://www.yahoo.com", "http://www.bing.com"]; 

function changeText() { 
    document.getElementById('textRange').innerHTML = "<a href='" + Links[count] + "'>" + Texts[count] + "</a>"; 
    count++; 
    if (count == Texts.length) { 
     count = '0'; 
    } 
    setTimeout("changeText()", delay * 1000); 
} 

http://jsfiddle.net/492cy/4/

+0

如何让链接在另一个选项卡中打开(target =“_ blank”)? – Art 2012-08-10 01:15:05

+0

没错。只需在构建链接的行中的'href'之前添加'target ='blank''。 – Strelok 2012-08-10 01:16:26

不确定你是什么链接试图使用,但这个工程,并会让你去。 你可以使用任何你想要的href,但是这会告诉你如何更新一个<a>元素的href。

jsFiddle Example

function changeText() { 
    document.getElementById('textRange').innerHTML=Texts[count]; 
    document.getElementById('textRange').href = "http://website" + count + '.com'; 
    count++; 
    if (count == Texts.length) { count = '0'; } 
    setTimeout(changeText, delay * 1000); 
} 
+0

我将如何使链接打开在另一个标签(目标= “_空白”)? – Art 2012-08-10 01:15:29