javascript - 获取本地主机名并使用图像 Javascript 创建链接

标签 javascript html

我正在尝试根据托管服务器的位置创建图像链接。如果服务器是server1。我希望将图像链接到 http://server1/dod “我试图用这张照片获取两张图像。但是,没有加载任何内容。我丢失了一 block ,而且我不知道在哪里。我还将其托管在 IIS 服务器上。

<!DOCTYPE html>
<html>
     <body>
          <div>
             <p id="Images"></p>
          </div>

          <script>
               var local = location.hostname;

//SP Edit, save a reference to the images node
               var Images = document.getElementById("Images");

               var dodlink = document.createElement(a);
               dodlink.href = "http://" + local + "/DoD/";

               var dodimg = document.createElement("img");
//SP Edit      dodimg.src ="DOD.png";
//SP Edit      dodimg.width = 256;
//SP Edit      dodimg.height = 256;
               dodimg.setAttribute("src", "DOD.png");
               dodimg.setAttribute("width", "256px");
               dodimg.setAttribute("height", "256px");
               dodlink.appendChild(dodimg);

//SP Edit document.getElementByID("Images").innerHTML = dodimg;
               Images.appendChild(dodimg);

               var derlink = document.createElement(a);
//SP Edit      derlink.href = "http://" + local + "/DER/";
               deflink.setAttribute("href", "http://" + local + "/DER/");

               var derimg = document.createElement("img");
//SP Edit      derimg.src ="DER.png";
//SP Edit      derimg.width = 256;
//SP Edit      derimg.height = 256;
               derimg.setAttribute("src", "DER.png");
               derimg.setAttribute("width", "256px");
               derimg.setAttribute("height", "256px");
               deflink.appendChild(derimg);

// Images.appendChild(deflink);

最佳答案

试试这个:

var local = location.hostname;

var dodlink = document.createElement('a');
dodlink.href = "http://" + local + "/DoD/";

var dodimg = document.createElement("img");
dodimg.setAttribute("src", "DOD.png");
dodimg.setAttribute("width", "256");
dodimg.setAttribute("height", "256"); 
dodlink.appendChild(dodimg);

document.getElementById("Images").appendChild(dodlink);

var derlink = document.createElement('a');
derlink.href = "http://" + local + "/DER/";

var derimg = document.createElement("img");
derimg.setAttribute("src", "DER.png");
derimg.setAttribute("width", "256");
derimg.setAttribute("height", "256"); 
derlink.appendChild(derimg);

document.getElementById("Images").appendChild(derlink);

关于javascript - 获取本地主机名并使用图像 Javascript 创建链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54237795/

相关文章:

javascript - 多个复选框下拉 onchange() 不起作用

css - 具有固定边距内容容器的流体模板

javascript - Angular 指令适用于第一页中的元素,但在导航后停止工作(可能是范围问题)

javascript - 根据 ID 遍历 JSON

html - 背景颜色消失

javascript - 从 HTML 表格中的输入元素中检索值

javascript - 如何使用jQuery获取具有特定类的元素的索引,位置编号

html - 嵌套 <ul> 奇数/偶数 css

javascript - JQuery datepicker - 如何更改特定开始日期的最大日期?

javascript - 当我在 Node js 中创建后调用时,为什么 Watson-conversation 对任何请求返回相同的默认响应