如何使用 javascript 获取网站 link

Question

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

注意：我正在使用 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

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

Answer 3

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

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

_spPageContextInfo.webAbsoluteUrl
_spPageContextInfo.siteAbsoluteUrl

如何使用 javascript 获取网站 link

how to get website link using javascript

javascript

jquery

sharepoint-2013

csom

sharepoint-jsom

更新答案 2：