设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码


Posted in Javascript onMarch 26, 2013

不用找了,我试过好多次,ie,火狐,谷歌浏览器此代码都是不可逆兼容。
下面是我的简单解决方案。想把这个问题完全解决,方法就是像其他主流网站一样专门建立添加为首页的操作步骤帮助页。

js代码:

<script type="text/javascript"> 
// 设置为主页 
function SetHome(obj,vrl){ 
try{ 
obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl); 
} 
catch(e){ 
if(window.netscape) { 
try { 
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); 
} 
catch (e) { 
alert("此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。"); 
} 
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch); 
prefs.setCharPref('browser.startup.homepage',vrl); 
}else{ 
alert("您的浏览器不支持,请按照下面步骤操作:1.打开浏览器设置。2.点击设置网页。3.输入:"+vrl+"点击确定。"); 
} 
} 
} 
// 加入收藏 兼容360和IE6 
function shoucang(sTitle,sURL) 
{ 
try 
{ 
window.external.addFavorite(sURL, sTitle); 
} 
catch (e) 
{ 
try 
{ 
window.sidebar.addPanel(sTitle, sURL, ""); 
} 
catch (e) 
{ 
alert("加入收藏失败,请使用Ctrl+D进行添加"); 
} 
} 
} 
</script>

调用代码:
<li class="fore1"><a href="javascript:void(0)" onclick="SetHome(this,window.location)">设为首页</a></li> 
<li class="ge">|</li> 
<li class="fore2"><a href="javascript:void(0)" onclick="shoucang(document.title,window.location)">加入收藏</a></li> 
<li class="ge">|</li>

名种样式的加入收藏和设为主页代码
还有一些最基本的html代码,只供初学者参考。
注意:此代码只兼容IE浏览器
1:实现"
加入收藏"功能的代码如下:
<a href="javascript:window.external.AddFavorite(‘http://www.baidu.com‘,‘百度‘)">加入收藏</a>

你只需将链接与站名改为你自己的站名即可.
如果你要实现鼠标划过时即提示是否加入收藏,只需将代码改为:
<a onmouseover="window.external.addFavorite(‘http://www.baidu.com‘,‘百度‘)" target=_self href= >加入收藏</a>

----------------------------------
2.设为首页代码(html源码)
<a style="cursor:hand" onclick="this.style.behavior=‘url(#default#homepage)‘; 
this.setHomePage(‘http://www.baidu.com/‘);"> 
<img width=16 height=16 border=0 src="images/house.png"> 
<u> Set as HomePage</u></a>

1.文字型:
< a onclick="this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://www.baidu.com/‘);" href="#">设为首页</a>

范例:
设为首页
2.按钮型:
< input TYPE="button" VALUE=" 设为首页 "onclick="this.style.behavior=‘url (#default#homepage)‘;this.setHomePage(‘http://www.baidu.com/‘);" href="#"> 
离开时自动提示设为首页 
<body onunload="BASEBody.style.behavior=‘url(#default#homepage)‘;if(!(BASEBody.isHomePage 
(‘http://www.baidu.com/‘)))BASEBody.setHomePage(www.baidu.com//‘);">

—————
———————————————-
打开页面时自动弹出窗口询问是否设为首页
将以下代码放在<head></head>之间:
<script 
language="javascript"> 
function myhomepage(){ 
this.homepage.style.behavior='url(#default#homepage)';this.homepage.sethomepage(‘http://www.baidu.com'); 
} 
</script> 
<p align="center"><a href="http://www.baidu.com/" name="homepage" onclick="myhomepage();"></a>

再将下面代码加入<body>内:
onload="myhomepage();"
即:<body onload="myhomepage();">
——————————————————————?
鼠标指向时提示设为首页
将下列代码插入<body>区中:
<A href="http://www.baidu.com/" onmouseover ="this.style.behavior='url(#default#homepage)';this.setHomePage(‘http://www.baidu.com/'); " target="_blank">设为首页</A>

—————————————?
关闭当前窗口的功能
这里我们可以先输入用来标示的文字“关闭窗口",用鼠标拖动选中它,在“Link"输入框中键入“/",同时切入源代
码窗口,在链接代码中键入该事件-onclick="javascript:window.close(); return false;"。
完整的代码为:< a href="/"onclick="javascript:window.close(); return false;">关闭窗口< /a>
----------------------------------
3.联系站长的话实际上是链接到一个电子邮箱地址:
<a href="mailto:baidujishubu@163.com">电子信箱</a>
Javascript 相关文章推荐
JavaScript自动设置IFrame高度的小例子
Jun 08 Javascript
向左滚动文字 js代码效果
Aug 17 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
vue中是怎样监听数组变化的
Oct 24 Javascript
jquery 无限级联菜单案例分享
Mar 26 #Javascript
JSON辅助格式化处理方法
Mar 26 #Javascript
html+css+js实现xp window界面及有关功能
Mar 26 #Javascript
jquery图片放大镜功能的实例代码
Mar 26 #Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 #Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 #Javascript
JS上传前预览图片实例
Mar 25 #Javascript
You might like
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
php中全局变量global的使用演示代码
2011/05/18 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
php数组键名技巧小结
2015/02/17 PHP
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
javascrit中undefined和null的区别详解
2019/04/07 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
jquery插件开发模式实例详解
2019/07/20 jQuery
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
浅谈Python中的bs4基础
2018/10/21 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
人工神经网络算法知识点总结
2019/06/11 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
Ibatis如何调用存储过程
2015/05/15 面试题
非常详细的C#面试题集
2016/07/13 面试题
考试违纪检讨书
2014/02/02 职场文书
离婚协议书范本样本
2014/08/19 职场文书
会议通知格式范文
2015/04/15 职场文书
三十年同学聚会致辞
2015/07/28 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript