设为首页、加入收藏代码，兼容IE和fireFox

### 设为首页、加入收藏代码，兼容IE和Firefox 在网页开发中，有时我们需要提供一些功能，例如将当前页面设置为浏览器的主页或者添加到收藏夹。这些功能能够方便用户快速访问网站，同时也能提高网站的曝光度。下面我们就来详细解析如何实现“设为首页”和“加入收藏”的功能，并确保它们能够在Internet Explorer（IE）和Firefox等主流浏览器上正常运行。 #### 一、理解需求与目标 根据给定文件的信息，“设为首页”是指将当前页面设为浏览器的启动首页；而“加入收藏”则是指将当前页面添加至用户的收藏夹。这两种功能都需要通过JavaScript来实现，因为它们涉及到对浏览器行为的控制。此外，考虑到浏览器之间的差异性，还需要确保这段代码能够兼容不同类型的浏览器，特别是IE和Firefox。 #### 二、实现原理与步骤 为了实现上述功能，我们首先需要了解各浏览器提供的API接口或特殊方法。 1. **对于IE浏览器**： - 设置主页：IE提供了特殊的CSS行为`document.body.style.behavior`，通过这种方式可以设置主页。 - 添加到收藏夹：IE提供了`window.external.addFavorite`方法，可以直接调用此方法来添加到收藏夹。 2. **对于Firefox浏览器**： - 设置主页：Firefox不直接支持设置主页的行为，但可以通过修改配置来实现。 - 添加到收藏夹：Firefox允许通过`window.sidebar.addPanel`方法将页面添加到收藏夹。 #### 三、代码分析 接下来，我们详细分析给出的代码示例： ```html <!--/ΪҳղFirefoxIE--> <script language="javascript" type="text/javascript"> function addCookie(){//ղ if(document.all){ window.external.addFavorite('http://www.finalcn.com','յƼ-ĿƼҵѶվ'); } else if(window.sidebar){ window.sidebar.addPanel('յƼ-ĿƼҵѶվ','http://www.finalcn.com',""); } } function setHomepage(){//Ϊҳ if(document.all){ document.body.style.behavior='url(#default#homepage)'; document.body.setHomePage('http://www.finalcn.com'); } else if(window.sidebar){ if(window.netscape){ try{ netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch(e){ alert("òܾøùܣڵַabout:config,Ȼsigned.applets.codebase_principal_supportֵΪtrue"); } } var prefs=Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch); prefs.setCharPref('browser.startup.homepage','http://www.finalcn.com'); } } </script> <!-- 添加链接 --> <a href="javascript:void(0)" onclick="setHomepage()">设为首页</a> | <a href="javascript:void(0)" onclick="addCookie()">加入收藏</a> ``` - **addCookie()函数**：用于实现将当前页面添加到收藏夹的功能。 - 如果浏览器是IE，则直接调用`window.external.addFavorite`方法。 - 如果是Firefox，则使用`window.sidebar.addPanel`方法。 - **setHomepage()函数**：用于实现将当前页面设为主页的功能。 - 对于IE，通过CSS行为`document.body.style.behavior`设置主页。 - 对于Firefox，由于其不支持直接设置主页，这里采用了修改配置的方式实现，通过`nsIPrefBranch`接口来修改配置项`browser.startup.homepage`。 #### 四、兼容性问题及解决方案 1. **IE兼容性**：IE支持直接设置主页和添加到收藏夹的操作，因此在IE上的兼容性较好。 2. **Firefox兼容性**： - **设置主页**：Firefox默认不允许设置主页，这里通过尝试获取权限和修改配置的方式来实现。 - **添加到收藏夹**：Firefox提供了直接的方法来添加到收藏夹。 #### 五、注意事项 - 在实际应用中，可能还需要考虑其他浏览器的支持情况。 - 对于Firefox中的权限获取和配置修改，可能需要用户提供额外的权限许可。 - 代码中出现的一些非标准语法（如乱码部分），可能是由于编码问题导致的，在实际编写时应避免此类问题。 #### 六、总结 本文详细介绍了如何利用JavaScript实现“设为首页”和“加入收藏”的功能，并确保了在IE和Firefox等主流浏览器上的兼容性。通过本教程的学习，开发者可以更好地为用户提供便捷的服务，同时也有助于提高网站的用户体验。