设为首页加入收藏兼容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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
关于js中for in的缺陷浅析
Dec 02 Javascript
javascript中attribute和property的区别详解
Jun 05 Javascript
JavaScript里实用的原生API汇总
May 14 Javascript
JavaScript数组操作函数汇总
Aug 05 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
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实现登陆验证码(类似条行码状)
2006/10/09 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
python类定义的讲解
2013/11/01 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
python文件读写代码实例
2019/10/21 Python
python实现的Iou与Giou代码
2020/01/18 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
python搜索算法原理及实例讲解
2020/11/18 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
自荐书模板
2013/12/19 职场文书
超市开学活动方案
2014/03/01 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
企业财务管理制度范本
2015/08/04 职场文书
《所见》教学反思
2016/02/23 职场文书
2019财务转正述职报告
2019/06/27 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
索尼ICF-5900W收音机测评
2022/04/24 无线电