수입 HTML의 호스트 이름을 가져

Question

그래서 내가 index.html에 HTML 가져 오기를 사용하여 HTML 파일을 수입 :이 index.html이 http://localhost:51165에 실행

<link rel="import" href="http://localhost:52008/importedFile.html"> 

내 서버. 나는 importedFile.html에서이 스크립트를 넣으면

(나는 http://localhost:52008에 CORS를 사용) :

console.log(window.location.host); 

결과는 "http://localhost:51165"대신 "http://localhost:52008"이 될 것입니다.

"importedFile.html"에 스크립트를 추가하여 호스트 (http://localhost:52008)를 얻는 방법이 있습니까?

Answer 1

index.html 안에있는 http://localhost:51165의 JavaScript를 사용하여 가져온 문서의 host을 가져 오십시오.

var getLocation = function(href) { 
    var l = document.createElement("a"); 
    l.href = href; 
    return l; 
}; 
var l = getLocation(document.getElementsByTagName("link")[1].href); 
document.write(l.host); 

이는 href의 host을 얻기 위해 가상 <a> 태그를 사용합니다.

체크 아웃이 jsfiddle입니다.