在提供的字符串中设置锚标记

我想在提供的字符串中设置锚标记。它在http：//之后的javascript中进行搜索并将其设置为锚定标记。在提供的字符串中设置锚标记

function createLink(text, node){//text is the provided string 
    var start = text.indexOf('http://'); 
    var end = text.indexOf(' ', start) + 1 || text.length - 1; //provides me with the wrong index 
    var link = text.substring(start, end); 
    var newLink = document.createElement('a'); 
    newLink.href = link; 
    newLink.className = 'link'; 
    newLink.target = '_blank'; 
    newLink.innerHTML = link.substr(0, 20); 
    if(link.length >= 20){ 
     $(newLink).append('...'); 
    } 
    var head = text.substring(0, start); 
    var tail = text.substring(end); 
    node.innerHTML = ''; 
    $(node).append(head).append(newLink).append(tail); 
}

来源

2011-06-07 einstein

你是如何调用这个函数，什么是所需的最终结果？ – hunter 2011-06-07 11:50:03

我用paremeters文本和我要追加结果的节点调用它。期望的最终结果是prvodided字符串有一个clickabla锚点。但有一些错误的变量开始和结束 – einstein 2011-06-07 11:53:00

是的我知道我在调用函数之前有一个if语句确保字符串不包含'http：//' – einstein 2011-06-07 12:05:11

我觉得你是1关：

function createLink(text, node){ //text is the provided string 
    var start = text.indexOf('http://'); 
    var end = (text.indexOf(' ', start) + 1 || text.length - 1) - 1; 
    var link = text.substring(start, end); 

    var $a = $("<a>", { 
     href: link, 
     "class": "link", 
     target: "_blank", 
     html: link.substr(0, 20) + (link.length >= 20 ? "..." : ""), 
    }); 

    var head = text.substring(0, start); 
    var tail = text.substring(end); 

    $(node).append(head).append($a).append(tail); 
}

http://jsfiddle.net/hunter/vNrrR/

来源

2011-06-07 11:58:43 hunter

有些东西仍然是错误的.indexOf（''，start）有时为-1 – einstein 2011-06-07 12:03:53

http：/ /jsfiddle.net/vNrrR/4/ – einstein 2011-06-07 12:14:06

好吧现在就去http://jsfiddle.net/vNrrR/6/ – einstein 2011-06-07 12:20:55

在提供的字符串中设置锚标记

回答

相关问题