は、私は、ウェブサイトのリンクを取得しようとしていますJavaScriptの

Question

を使用してWebサイトのリンクを取得し、画像のパスを追加した画像ソースでそれを置く方法を、 例： は、私がウェブサイト内だと仮定し、私が取得したいですそのイメージのパスを追加し、同じページのソースコード内のソースイメージに挿入します。

注：私はSharePointサイトを使用していますが、HTMLまたはJavaScriptで対応できますか？

Answer 1

ウェブサイトの位置を取得するために、あなたがイメージに追加するJS

window.location.href //gives complete href path 

に次のように書き、あなたが書き込みしてHTMLに画像を追加することができます

var elem = document.createElement("img"); 
elem.src = window.location.href+"/my-image.png"; 
elem.setAttribute("height", "200"); 
elem.setAttribute("width", "200"); 
elem.setAttribute("alt", "my image"); 
document.querySelector("#image-container").appendChild(elem); 

更新された答えno.2：

あなたが望む基本パスであるため、決して変更していないのでハードコードすることができます。

は、書面によりHTMLに画像を追加します。

var fullPath = window.location.href; 
var baseDomain = fullPath.split('site1')[0]; 
var pngPath = '_catalogs/masterpage/images/banner1.png'; 
var elem = document.createElement("img"); 
elem.src = baseDomain + pngPath; 
elem.setAttribute("height", "200"); 
elem.setAttribute("width", "200"); 
elem.setAttribute("alt", "Banner"); 
document.querySelector("#banner").appendChild(elem); 

Answer 2

javascriptからウェブサイトアドレスを取得できます。以下のコードを使用してください。

window.location.href : Complete link 
window.location.host : you'll get sub.domain.com:8080 or sub.domain.com:80. 
window.location.hostname : you'll get sub.domain.com. 
window.location.protocol : you'll get http: 
window.location.port : you'll get 8080 or 80. 

window.locationオブジェクトのために露出その他のプロパティがあります。

Answer 3

すべてのSharePointページで利用できる_spPageContextInfo変数グローバルジャバスクリプトがあります。現在のコンテキストに関する重要な情報が含まれています。

_spPageContextInfo.webAbsoluteUrl 
_spPageContextInfo.siteAbsoluteUrl