2014-09-10 6 views
0

내 밑줄 템플릿열기 앵커 링크가 새 탭에서 기존의 URL에 추가됩니다

<li><a href="#" onclick="window.open('http://www.weather.com','_blank')"><%= element.description%></a></li> 

내 currentPage의 URL에 다음 코드는

"http://localhost:9060/SampleApp/SampleServlet/Logon" 

입니다 때 내가 앵커를 클릭하면 새 탭에 링크가 열리지 만 현재 URL이 추가됩니다. 예)

"http://localhost:9060/SampleApp/SampleServlet/Logon/www.weather.com" 

이 페이지를 여는 방법 크롬에서 새 탭 불러 오기? 현재 URL에 anchorURL이 추가되는 이유는 무엇입니까 ??

+0

문제를 재현 할 수 없습니다 http://jsfiddle.net/mre1okz0/ –

답변

5

는 요소는 a 요소이기 때문에 당신은 그냥 새 탭에서 링크를 열 srctarget 속성을 사용하려면 :

<li> 
    <a href="http://www.weather.com" target="_blank"> 
    <%= element.description%> 
    </a> 
</li> 
+0

@lonica Bizau 금식 reply.I 주셔서 감사합니다는이 시도를 여전히 URL이 추가됩니다. – VelNaga

+0

@VelNaga 아마도 플러그인/스크립트는'http : //'를 제거 할 것입니까? 브라우저 (개발자 도구)에서 HTML 코드를 확인하십시오. –

+0

@lonica Bizau 브라우저 도구 (크롬에 F12 넣고 소스를 확인하십시오.) 다음 코드가 포함되어 있습니다. "weather zip code" – VelNaga

0
<li><a href="#" onclick="window.open('www.weather.com','_blank')"><%= element.description%></a></li> 

<li><a href="#" onclick="window.open('http://www.weather.com','_blank')"><%= element.description%></a></li> 
과 동일하지 않습니다

http://과 함께 URL을 사용하면 현재 URL이 추가되지 않지만 단지 www.***을 사용하면 길을 찾을 수 없습니다. o 전체 URL로 식별했습니다. 그래서 그것은 현재 url에 추가 할 것입니다.


편집

하지 당신이 HTTP 누락 이유를 확인 : // 부분,하지만 당신은 다음과 같은 방법을 사용할 수 있습니다

$("a").click(function (e) { 
    e.preventDefault(); 
    var url = $(this).attr("href"); 
    if (!url.match(/^[a-zA-Z]+:\/\//)) { 
     url = 'http://' + url; 
    } 
    window.open(url, '_blank'); 
}); 

Demo

+0

답장을 보내 주셔서 감사합니다. 내 URL에서 http를 사용하는 차이점을 알고 있습니다.하지만 여전히 첨부됩니다. – VelNaga

+0

코드를 온라인 샘플로 제공하여 문제를 재현 할 수 있습니까? –

0

내가하지 그것이 당신에게도 똑같은 경우인지 알고 싶지만, 저에게는 anchor에 data-action = "navigate"속성이있어서 백본이 그것을 경로처럼 다루고있었습니다. 그냥 data-action = "navigate"를 제거하면 나를 위해 일했습니다.

전 :

<a href="http://www.weather.com" target="_blank" data-action="navigate">Go to Weather.com</a> 

후 :

<a href="http://www.weather.com" target="_blank">Go to Weather.com</a>