상대 링크에 대한 정규 표현식에만 해당

Question

DOM에서 링크를 확인하고 절대 링크가 아닌 링크를 확인하는 javascript를 만듭니다. 불행하게도 나는 어떤 행운을 가지고 있지 않다 ...

내가 폴더 경로

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

에게 아래 링크의 첫 번째 유형과 일치하고, 추가하고 싶습니다 나는 string.replace(/a.+href="([^http]+)"/, 'path'+$1);을 사용했습니다 ...

누군가 나를 도와 줄 수 있습니까? 미리 감사드립니다.

Answer 1

대괄호로 문자 클래스를 만들었습니다. 그들을 제거하십시오. 당신은 "부정적인 lookbehind"를 원한다. 구문에 대한 정보는 아래의 주석을 보라. 모든 정규 표현식 기능이이 정규식 기능을 지원하지는 않습니다.

자바 스크립트는 둘러보기 기능을 지원하지 않습니다. 그래도 도움이 될 수 있습니다. http://blog.stevenlevithan.com/archives/mimic-lookbehind-javascript

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

당신은 그냥 거기에 몇 링크 변수를 만들어, 예를 들면 위해

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

Answer 4

를 사용할 수 있습니다. .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 5

는, 그것은 아마도 과잉이다. 때로는 정규 표현식과 함께 사용하는 간단한 if 문은 경이로움을 수행 할 수 있습니다

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

Answer 6

모두에게 감사를.

이

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