Question

我在这里挣扎。

我需要根据用户输入的域名更改标题中的图像。

我们有2个指向同一位置的域名。我们有一个被调用的标题图像映射。

<img src="header_image.png" border="0" width="1113" height="200" orgWidth="1113" orgHeight="200" usemap="#image-maps-2014-08-15-144022" alt="" />

这是我需要改变的形象。

当用户访问www.domain1.com时，只需要标题图片为“header_image1.jpg”，并在www.domain2.com上显示“header_image2.jpg”

应该很简单。但我只是迷失了，任何帮助都会非常感激。

谢谢。

Answer 1

这应解决问题

var url = window.location.host;
if (url == "stackoverflow.com"){
  // Make this visible
  document.getElementById("one").style.display = "block";
  // Make this invisible
  document.getElementById("two").style.display = "none";
} else {
  // Make this invisible
  document.getElementById("one").style.display = "none";
  // Make this visible
  document.getElementById("two").style.display = "block"; 
}

<img id="one" src="https://s-media-cache-ak0.pinimg.com/736x/92/9d/3d/929d3d9f76f406b5ac6020323d2d32dc.jpg">
<img id="two" src="http://renegadehealth.com/blog/wp-content/uploads/2013/01/Cats-Coat.jpg">

简单的Javascript根据域名更改标题图像

1 个答案: