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

2012-6-10 ok12

把页面设置为首页,加入收藏功能,支持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>

发表评论：