getBaseURL（）hrefの中にjavascriptのコール機能=「」

Question

私は、HTMLページ内のJavaScriptを通じてベースのURLを呼び出していると私はリンク

などを呼び出すためにベースURLを追加します。次のように

<a href="getBaseURL()/filepath/index.html">Page</a> 

ジャバスクリプトは次のようになります。

function getBaseURL() { 
    var url = location.href; // entire url including querystring - also: window.location.href; 
    var baseURL = url.substring(0, url.indexOf('/', 14)); 

    if (baseURL.indexOf('http://localhost') != -1) { 
     // Base Url for localhost 
     var url = location.href; // window.location.href; 
     var pathname = location.pathname; // window.location.pathname; 
     var index1 = url.indexOf(pathname); 
     var index2 = url.indexOf("/", index1 + 1); 
     var baseLocalUrl = url.substr(0, index2); 

     return baseLocalUrl + "/"; 
    } 
    else { 
     // Root Url for domain name 
     return baseURL + "/"; 
    } 

} 

EDIT

そのだけの問題のドメインからの任意のベースURLを取得します。また、私はあまり処理を必要とする任意の提案は素晴らしい感謝

SECOND EDIT

こんにちはすべてのあなたの答えのためのおかげで今のところ、しかし、私は呼び出すために探していますでしょうので、チュートリアルから、このコードを持って関数を<a href="getURL()/filepath/file.html></a>のようにhtmlタグに追加します。これはどこに問題があるのか​​、私はそれを行う方法がわかりません

Answer 1

function getBaseURL() { 
    return location.protocol + "//" + location.hostname + 
     (location.port && ":" + location.port) + "/"; 
} 

編集：非標準ポートのMike Samuelのポイントをアドレッシングしました。

Answer 2

<base>（またはそうでない）の使用を可能にするための一般的な解決策 - さらなる改善は、何らかの種類の正規表現を使用してbaseURLからbaseDocumentを削除することです。

function getBaseURL() { 
    var baseURL = ""; 
    var baseDocument = "index.html"; 

    if (document.getElementsByTagName('base').length > 0) { 
     baseURL = document.getElementsByTagName('base')[0].href.replace(baseDocument, ""); 
    } else { 
     baseURL = location.protocol + "//" + location.hostname + (location.port && ":" + location.port) + "/"; 
    } 

    return baseURL; 
} 

Answer 3

私は同じ問題を扱っています、そして、それはそんなにベースURLを取得していない（これらの答えが示されているよう）が、相対パスを追加する要素からjavascript関数こと、その後の呼び出し。 @Christianサンチェスの答えと私が見つけた他の情報を使用して、これは要素のonclickのを使用してオプションがある：

JAVASCRIPT：

<script type="text/javascript"> 
    function getBaseURL(loc) { 
     return location.protocol + "//" + location.hostname + 
      (location.port && ":" + location.port) + "/" + loc; 
    } 
</script> 

HTML：

<a href="filepath/index.html" onclick="getBaseURL(this.href);">TEST LINK</a> 

フィドルはここにあります： http://jsfiddle.net/62g2bkyh/（リンク上にカーソルを置くとfiddleのURLが表示されます。これはiframeのベースURLを示しています）。