设为首页加入收藏兼容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 相关文章推荐
javascript TextArea动态显示剩余字符
Oct 22 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
May 23 Javascript
Javascript6中字符串的四个新用法分享
Sep 11 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 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
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
用PHP写的一个冒泡排序法的函数简单实例
2016/05/26 PHP
php mysql 封装类实例代码
2016/09/18 PHP
PHP类型约束用法示例
2016/09/28 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
JS中的phototype详解
2017/02/04 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
Python pickle模块用法实例
2015/04/14 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
什么是方法的重载
2013/06/24 面试题
上学迟到的检讨书
2014/01/11 职场文书
培训自我鉴定
2014/01/31 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
模范教师事迹材料
2014/12/16 职场文书
社区禁毒宣传活动总结
2015/05/07 职场文书
Pytest中skip和skipif的具体使用方法
2021/06/30 Python
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL
解决Python保存文件名太长OSError: [Errno 36] File name too long
2022/05/11 Python