同一网站不同域名显示不同备案号

原创已于 2022-08-13 16:44:15 修改 · 904 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2022-07-14 14:48:43 首次发布

JS/Jquery/json/ajax 专栏收录该内容

6 篇文章

订阅专栏

这篇博客主要介绍了如何根据网站域名动态显示不同的ICP备案号。通过JavaScript和jQuery，实现了在www.aaa.com和www.bbb.com上分别显示'豫ICP备2022888888号-1'和'豫ICP备2022999999号-2'。代码简洁高效，适用于多站点管理时的备案号自动化展示。

html部分：

<a href="https://beian.miit.gov.cn" target="_blank" id="BeiAnHao"></a>

js部分：

var yuming = window.location.host;
if (yuming == "www.aaa.com" || yuming == "aaa.com") {
    document.getElementById("BeiAnHao").innerHTML = "豫ICP备2022888888号-1"
} else if (yuming == "www.bbb.com" || yuming == "bbb.com") {
    document.getElementById("BeiAnHao").innerHTML = "豫ICP备2022999999号-2"
}

jquery方式（相比上方的原生js部分简化了同一域名不同前缀的情况写法）：

$(function() {
    let domain = document.domain;
    if (domain.includes('aaa.com')) {
        $('#BeiAnHao').text('豫ICP备2022888888号-1');
    } else if (domain.includes('bbb.com')) {
        $('#BeiAnHao').text('豫ICP备2022888888号-2');
    } else if (domain.includes('ccc.com')) {
        $('#BeiAnHao').text('豫ICP备2022888888号-3');
    }
})