设为首页代码和加入收藏代码(兼容各种浏览器)

2012-02-20 15:51:44  来源:网页教学网 

钱柜娱乐Webjx文章简介:史上最兼容的设为首页+加入收藏功能.

之前我测试过在ie下不报错的,可现在原因未知,页面在ie下报错了.本人正在解决.
功能描述:

把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的兼容模式下加入收藏功能

注意:
这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示.
至于这里说不兼容360急速,我这里有个demo,是360自己的网站,在360极速浏览器的兼容模式下都不支持"加入收藏"这个功能,它自己的浏览器上自己的页面都不支持这个功能.

Code:

<!doctype html>
 
<html>
 
<head>
 
<title>把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的加入收藏功能</title>
 

</head>
 
<body>
 
<div>
 
<a href="/">首页</a> |
            <a onclick="SetHome(window.location)" href="javascript:void(0)">设为首页</a>
 
            | <a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)">加入收藏</a>
 
      </div>
 
       <script type="text/javascript" language="javascript">
 
    //加入收藏
 
        function AddFavorite(sURL, sTitle) {
 
            sURL = encodeURI(sURL);
        try{  
 
            window.external.addFavorite(sURL, sTitle);  
 
        }catch(e) {  
 
            try{  
 
                window.sidebar.addPanel(sTitle, sURL, "");  
 
            }catch (e) {  
 
                alert("加入收藏失败,请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
 
            }  
 
        }
 
    }
 
    //设为首页
 
    function SetHome(url){
 
        if (document.all) {
 
            document.body.style.behavior='url(#default#homepage)';
 
               document.body.setHomePage(url);
 
        }else{
 
            alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
 
        }
 

    }
 
</script>
 
</body>
 
</html>

更多