设为首页加入收藏兼容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 相关文章推荐
jQuery 美元符冲突的解决方法
Mar 28 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
js下拉菜单语言选项简单实现
Sep 23 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
Jan 12 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 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
global.php
2006/12/09 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
实例解析php的数据类型
2018/10/24 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
jQuery设置和获取HTML、文本和值示例
2014/07/08 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
python的re正则表达式实例代码
2018/01/24 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Python简单生成随机数的方法示例
2018/03/31 Python
Python中pillow知识点学习
2018/04/30 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
python实现随机加减法生成器
2020/02/24 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
简短的公司员工自我评价分享
2013/11/13 职场文书
技术总监个人的自我评价范文
2013/12/18 职场文书
销售员岗位职责
2014/06/09 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
森马旗舰店双十一营销方案
2014/09/29 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
人才市场接收函
2015/01/30 职场文书
管理人员岗位职责
2015/02/14 职场文书
承诺书模板大全
2015/05/04 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书