设为首页加入收藏兼容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 相关文章推荐
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
jQuery实现简单全选框
Sep 13 jQuery
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
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP速成大法
2015/01/30 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
php简单复制文件的方法
2016/05/09 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
Javascript this指针
2009/07/30 Javascript
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
常用DOM整理
2015/06/16 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
Vuex简单入门
2017/04/19 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
python的等深分箱实例
2019/11/22 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
杠杆的科学教学反思
2014/01/10 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
美术指导助理求职信
2014/04/20 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
单位婚育证明范本
2014/11/21 职场文书
计划生育目标责任书
2015/05/09 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript
python数据处理之Pandas类型转换
2022/04/28 Python