<a href="..."> // JavaScript only</a>的文字链接

时间:2014-08-08 08:45:50

标签: javascript ios hyperlink

我有一些这样的文字:

  

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do   eiusmod tempor incididunt ut labore et dolore magna aliqua。 site.com   Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris   nisi ut aliquip ex ea commodo consequat    itunes.apples.ru.com/app/forge-of-empires/id711455226 ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor   incididunt ut labore et dolore magna aliqua。 site.com Ut enim ad minim   veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex   ea commodo consequat

但是所有链接都处于非活动状态。所以我希望它们可以点击。在HTML中它应该如下所示: <a href='http://itunes.apples.ru.com/app/forge-of-empires/id711455226'>Download on iTunes</a> // / app /之后的所有内容取决于链接。

此外,我无法使用引号"等任何符号。只有单引号'

2 个答案:

答案 0 :(得分:0)

希望对锚链接使用单引号

可以对您有所帮助

HTML标记

 <h2>Plain Content</h2> <div id="before">Find me at
 http://gmkhussain.github.io/ and also at
 https://linkedin.com/in/gmkhussain</div>

 <h2>URLify</h2> <div id="after"></div>

JavaScript

function urlifyFn(text) {
    var urlRegex = /(https?:\/\/[^\s]+)/g;
    return text.replace(urlRegex, function(url) {
        return "<a href='" + url + "'>" + url + "</a>";
    })
    // or alternatively
    // return text.replace(urlRegex, '<a href="$1">$1</a>')
}

var text = document.getElementById("before").innerHTML;
var html = urlifyFn(text);

document.getElementById("after").innerHTML = html;

查看链接:https://codepen.io/gmkhussain/pen/jgMZJO

答案 1 :(得分:-1)

<a href="http://itunes.apples.ru.com/app/forge-of-empires/id711455226">Download on iTunes</a>

很难相信你不能使用引号:如果键盘搞砸了,请使用alt + 34。

如果您需要转义"符号:\"需要"