js判断网站访问来源,并输出欢迎语句

代码介绍

利用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>
<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'
});
效果
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 共13条
头像
欢迎您留下宝贵的见解!对于“评论可见”,请合理评论,否则将被系统视为垃圾评论。
提交
头像

昵称

取消
昵称表情代码图片
    • 头像清酒踏月0
    • 头像淘宝刷单平台0
    • 头像www.qian.lu0
    • 头像www.qian.lu0