故梦博客

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

演示效果

blog.gumengya.com

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »