设为首页加入收藏兼容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基础学习资料
Nov 23 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
Dec 27 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
微信小程序利用button控制条件标签的变量问题
Mar 15 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
PHP memcache扩展的三种安装方法
2009/04/26 PHP
php开发环境配置记录
2011/01/14 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
PHP快速排序算法实现的原理及代码详解
2019/04/03 PHP
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
简单实用jquery版三级联动select示例
2013/07/04 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
js编写选项卡效果
2017/05/23 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
Python isinstance判断对象类型
2008/09/06 Python
Python中zip()函数用法实例教程
2014/07/31 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
2015年档案室工作总结
2015/05/23 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
python区块链实现简版工作量证明
2022/05/25 Python