更新了答案2：

Question

我正在尝试获取网站链接，并将其放入添加图像路径的图像源中， 示例： 假设我在一个网站内，我想获取它的链接并添加我的图像路径并将其注入源图像中的同一页面的源代码中。

注意：我使用的是SharePoint网站，我们可以使用HTML或JavaScript吗？

Answer 1

您可以从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 2

所有SharePoint网页上都有一个全局javascript变量_spPageContextInfo。它包含有关当前背景的基本信息。

根据您的图片是存储在网络还是网站集级别，您应该使用以下其中一种：

_spPageContextInfo.webAbsoluteUrl
_spPageContextInfo.siteAbsoluteUrl

Answer 3

要获取网站的位置，请在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);

更新了答案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);

如何使用javascript获取网站链接

3 个答案:

更新了答案2：