設為首頁代碼和加入收藏代碼(兼容各種瀏覽器)

2024-08-26 00:17:05

字體：大中小

來源：轉載

供稿：網友

武林網(m.survivalescaperooms.com)文章簡介：史上最兼容的設為首頁+加入收藏功能.

之前我測試過在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("您好,您的瀏覽器不支持自動設置頁面為首頁功能,請您手動在瀏覽器里設置該頁面為首頁!");

        }