设为首页加入收藏兼容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键盘事件介绍
Jan 31 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
Vue父组件监听子组件生命周期
Sep 03 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 Javascript
Vue h函数的使用详解
Feb 18 Vue.js
Vue2.0搭建脚手架
Mar 13 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实现用户注册后邮箱验证激活
2020/11/10 PHP
js 分栏效果实现代码
2009/08/29 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
jquery 按键盘上的enter事件
2014/05/11 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
Python 可爱的大小写
2008/09/06 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
简述Python2与Python3的不同点
2018/01/21 Python
python实现浪漫的烟花秀
2019/01/30 Python
python将数组n等分的实例
2019/12/02 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
详解Python中的路径问题
2020/09/02 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
高性能装备提升营地:Kammok
2019/02/27 全球购物
const和static readonly区别
2013/05/20 面试题
出纳岗位职责范本
2013/12/01 职场文书
授权收款委托书
2014/09/23 职场文书
护士节慰问信
2015/02/15 职场文书
大学感恩节活动总结
2015/05/05 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
python基础详解之if循环语句
2021/04/24 Python
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
MySQL RC事务隔离的实现
2022/03/31 MySQL