代码介绍

利用js判断网站访问来源,然后输出欢迎信息!

代码内容

<script type="text/javascript" charset="utf-8">
window.onload=function(){  //当窗口加载完毕后执行
    var a = document.createElement("a"); //通过指定名称创建一个元素
    a.href = document.referrer //获取网站来源地址
    var so = a.hostname;  //获取来源主机名
    var name = a.hostname.split(".")[1]; //去除掉域名前后缀
    switch (name) {
        case 'bing':
            so = '必应搜索'  //返回so内容
            break;
        case 'baidu':
            so = '百度搜索'  //返回so内容
            break;
        case 'so':
            so = '360搜索'   //返回so内容
            break;
        case 'google':
            so = '谷歌搜索'  //返回so内容
            break;
        case 'sm':
            so = '神马搜索'  //返回so内容
            break;
        case 'sogou':
            so = '搜狗搜索'  //返回so内容
            break;
        default:
            so = a.hostname; //没有来源地址返回
    }
    var msg = '欢迎来自'+ so + '朋友!';
    alert(msg);
};
</script>

若是不喜欢浏览器的提醒弹框
你可自己删除 alert(msg); 然后调用第三方插件来输出 msg 里面的内容
第三方插件例如sweetalert、layer、 jquery-jbox 等全看个人爱好!
如果使用与本博一样的模板可以直接将 alert(msg);改成以下代码即可

$.message({
   title:'来源提醒',
   message:msg,
   type:'success'
});

效果

最后修改:2019 年 05 月 21 日 10 : 51 PM
本文标题:js判断网站访问来源,并输出欢迎语句
本文作者:梦城
本文地址:https://www.gqink.cn/archives/61/
版权声明:按照知识共享署名-非商业性使用 4.0 国际协议进行许可,转载引用文章应遵循相同协议
如果觉得我的文章对你有用,请随意赞赏