Regular expression for relative links ONLY

Question

I am creating javascript that checks links in the DOM and changes those who are NOT absolute links. Unfortunately, I’m out of luck ...

I would like to map only the first type of links below and add the path to the folder

• <a href="somepage.html">link</a>
• <a href"http://somesite.net/somepage.html">link</a>

I used to string.replace(/a.+href="([^http]+)"/, 'path'+$1);no avail ...

Can someone help me here? Thanks in advance.

Answer 1

If the regular expression that you wrote to solve the problem using only regular expressions starts to look redundant, then this is probably overkill. Sometimes a simple statement ifused in conjunction with regular expressions can do wonders:

$("a").each(function () {
    if (!/^http:\/\//.test(this.href)) {
        this.href = "http://example.com/folder/" + this.href; // etc.
    }
});

Answer 2

<base> html. , .

http://www.w3schools.com/tags/tag_base.asp

http://www.w3.org/TR/html5/semantics.html#the-base-element

Answer 3

. . " lookbehind", . . .

Javascript lookbehind. : http://blog.stevenlevithan.com/archives/mimic-lookbehind-javascript

Answer 4

string.replace(/(a.+href=)"(?!http)(.+)"/gi, '$1"path/$2"')

Answer 5

, , . .replace() , .

var content = '<a href="/somepage.html">link</a><a href="http://somesite.net/somepage.html">link</a><a href="somepage.html">link</a>';

// whatever you want to prefix link with
var base='http://somsite.net';

content = content.replace(/(href=")(?!https?:\/\/)([^"]*)/gi,'$1'+base+'/$2').replace(/\/+/g,'/');

Answer 6

Thanks to everyone.

I was able to replace relative paths ONLY with the following syntax:

var basepath = "pathto/";
var html = html.replace(/(<(a|img)[^>]+(href|src)=")(?!http)([^"]+)/g, '$1'+basepath+'$4');