设为首页与加入收藏的JS代码(多浏览器支持)
作者:小圆点时间:2026-10-26 21:51:02浏览:507
本文提供兼容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需再刷新一下页面才能执行]
作者最新文章
JS在setTimeout或Ajax回调中打开新标签页失败怎么处理
2026-11-05 15:50:12
JS直播协议选型:HLS、FLV与WebRTC的延迟与兼容性对比
2026-11-05 12:16:14
JS实现回到顶部:scrollTop赋值与浏览器兼容性处理
2026-11-04 23:43:35
JS使用classList动态添加、移除和切换CSS类名
2026-11-04 23:40:58
在 D3.js 中实现平滑过渡动画的技巧
2026-11-03 23:46:09
