设为首页与加入收藏的JS代码(多浏览器支持)

作者:小圆点

时间:2026-10-26

浏览:506

本文提供兼容IE、Firefox和Chrome浏览器的设为首页与加入收藏JavaScript代码。包含带提示信息的标准实现及旧版兼容方案,详细解析各方法在不同浏览器环境下的行为差异与限制,如IE7对加入收藏的支持问题,帮助开发者根据实际需求选择合适的实现方式。

文章目录

多浏览器支持的设为首页与加入收藏代码

以下是支持IE、Firefox和Chrome浏览器并带有操作提示信息的代码示例:


<script type="text/javascript">
//设为首页 www.jb51.net
function SetHome(obj,url){
  try{
    obj.style.behavior='url(#default#homepage)';
    obj.setHomePage(url);
  }catch(e){
    if(window.netscape){
     try{
       netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
     }catch(e){
       alert("抱歉,此操作被浏览器拒绝!\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
     }
    }else{
    alert("抱歉,您所使用的浏览器无法完成此操作。\n\n您需要手动将【"+url+"】设置为首页。");
    }
 }
}
 
//收藏本站 www.jb51.net
function AddFavorite(title, url) {
 try {
   window.external.addFavorite(url, title);
 }
catch (e) {
   try {
    window.sidebar.addPanel(title, url, "");
  }
   catch (e) {
     alert("抱歉,您所使用的浏览器无法完成此操作。\n\n加入收藏失败,请进入新网站后使用Ctrl+D进行添加");
   }
 }
}
</script>
<a href="javascript:void(0);" onclick="SetHome(this,'https://www.jb51.net');">设为首页</a>
<div class="text text2"><a href="javascript:void(0);" onclick="AddFavorite('本站','https://www.jb51.net')">收 藏 本 站</a>

首先介绍两种设置主页的JavaScript代码(此处暂不讨论是否符合Web标准及兼容性细节): 这两种方法分别用于将当前浏览的网页设置为主页,以及将指定网址设置为主页。具体选择哪种方式,取决于实际应用场景,二者各有适用的场合。


<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>设为首页的JS代码</title> 
</head> 
<body> 
<p>方法一:<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('https://www.jb51.net');" style="CURSOR: hand">点此 
设为首页</span></p> 
<p> 
方法二:设为首页 </p> 
</body> 
</html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]



以下代码兼容性较好且符合标准,但需注意IE7浏览器无法支持“加入收藏”功能。尽管如此,这仍算是目前较为完善的代码方案之一。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<title>设为首页与添加收藏夹代码【兼容多浏览器】</title> 
 
</head> 
<body> 
设为首页 - 加入收藏 
</body> 
</html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章