当前位置:首页 > Javascript > 正文内容

javascript收藏本站和设为首页代码

彭淇3年前 (2017-08-09)Javascript29060

站长的梦想也许是每个人都能收藏自己的网站,甚至将网站设为首页,这样每个访客都能成为自己的忠实粉丝,也许很难,但是从提供收藏本站和设为首页的按钮做起吧~

由于只有IE和Firefox才提供了相关的浏览器函数,因此,我们采用try-catch实现兼容性,无法自动我们就利用alert提醒访客可以通过哪种途径实现。

<script type="text/javascript">
    // 设为首页
    function SetHome(){
    // 获取域名为首页,也可以自己设置如var url="https://www.pengqi.club/"
    var url=document.domain;
    try{// IE
            this.style.behavior='url(#default#homepage)';
            this.setHomePage(url);
        }catch(e){        
            if(window.netscape){// Firefox            
            try{
                    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                }catch(e){// Firefox参数被禁,提醒用户修改参数
                    alert("抱歉,此操作被浏览器拒绝!
\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
                }
            }else{// 其他浏览器提醒用户手动设置
                alert("抱歉,您所使用的浏览器无法完成此操作。
\n您需要手动将【"+url+"】设置为首页。");
            }
        }
    } 
    //收藏本站
    function AddFavorite() {
   // 自动获取地址和标题,也可手动设置如var url="https://www.pengqi.club/"  var title="飞翔勿扰" 
    var url = window.location;
    var title = document.title;
       
    try {// IE
            window.external.addFavorite(url, title);
        }    catch (e) {        
        try {// Firefox
                window.sidebar.addPanel(title, url, "");
            }        
            catch (e) {// 其他浏览器只能Ctrl+D手动收藏
                alert("抱歉,您所使用的浏览器无法完成此操作。
\n加入收藏失败,请使用Ctrl+D进行添加");
            }
        }
    }
    </script>

使用方法:

<a href="javascript:void(0);" onclick="SetHome();return false;">设为首页</a>
<a href="javascript:void(0);" onclick="AddFavorite();return false;">收藏本站</a>

完成啦,有需要的拿去用吧,记得分享和打赏哟~

扫描二维码至手机访问

扫描二维码推送至手机端访问。

版权声明:本文由淇云博客发布,如需转载请注明出处。

转载请注明出处:https://www.pengqi.club/blog/4.html

标签: js收藏首页
分享给朋友:

相关文章

摇一摇打开网页或拨打电话

摇一摇打开网页或拨打电话

    提到摇一摇,我们第一念头就是微信,就好像微信因为QQ的前期大力支持发杨光大一样,摇一摇也因为微信的存在,在一个短暂的时间内,成了众人所知的热门应用,微信...

js日历代码演示,阳历 农历 星期

js日历代码演示,阳历 农历 星期

效果图如下: 代码如下: <!doctype html> <html> <head> <meta chars...

以表单提交前邮箱检测为例解析javascript正则表达式检测

表单检测在登录、注册、订单、留言板等重要部件都必不可少。下面飞翔勿扰就根据表单提交前邮箱的检测为例简单解析一下javascript正则表达式的使用。实例代码非常实用,让诸君先睹为快~...

jquery统计页面加载时间

有时我们想要统计页面加载时间, 但是php是服务器端的,在应用中数据显示非常不符合实际。 其实最好的方法应该是在客户端统计时间,利用js或jquery是最佳选择。...

javascript统计网站运行时间动态输出每秒变化

大家都知道javascript产生时钟的方法,而这里飞翔勿扰要跟大家分享的网站运行时间动态输出就是从时钟产生演变而来。 话不多说,先把干货代码送上: <sc...

原生js带提示留言表单验证代码

原生js带提示留言表单验证代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conten...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。