如何根據訪問的域名更改映像？使用location.hostname

Question

我有一個網站和兩個域名。 如果訪問者訪問www.SampleSiteA.com上的頁面，我想要顯示圖像“A”，但如果在www.SampleSiteB.com的頁面上，則應顯示圖像“B”。

不幸的是，我的代碼的結果是空白的，根本沒有圖像出現。 有任何想法嗎？

文件內容：welcome.html

<html>
<head>
     <script src="resources/js/domain.js" type="text/javascript"></script>
</head>
<body>
     <div class="welcomepic"></div>
</body>
</html>

文件內容：styles.css

.picForA{
    background-image: url('../img/A.png');
}
.picForB{
    background-image: url('../img/B.png');
}
.welcomepic{
    background-position:left center;
    background-repeat: no-repeat;
    padding-left:160px;
    width:225px;
    float:left;
    height:100px;
    display: block;
}

文件內容：domain.js

function welcomepic() {
    if (location.hostname == 'www.SampleSiteA.com') {
        $('.welcomepic').addClass('picForA');
    } else {
        $('.welcomepic').addClass('picForB');
    }
}

Answer 1

你沒有打電話給你的功能。 解決方案是將以下代碼添加到html的頭部。

$( document ).ready(function() {
welcomepic();
});

你還需要刪除welcompic函數中的前一個set類，否則你最終會得到雙重類。

function welcomepic() {
    if (location.hostname == 'www.SampleSiteA.com') {
        $('.welcomepic').removeClass('picForB').addClass('picForA');
    } else {
        $('.welcomepic').removeClass('picForA').addClass('picForB');
    }
}

如何根據訪問的域名更改映像？使用location.hostname

問題描述

1 個解決方案

解決方案1
2 已采納 2013-09-18 22:19:04

如何根據訪問的域名更改映像？ 使用location.hostname

問題描述

1 個解決方案

解決方案1 2 已采納 2013-09-18 22:19:04

如何根據訪問的域名更改映像？使用location.hostname

解決方案1
2 已采納 2013-09-18 22:19:04