设为首页加入收藏兼容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功能函数代码
Jun 23 Javascript
jquery CSS选择器笔记
Mar 29 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
Jul 24 Javascript
JS实现字符串中去除指定子字符串方法分析
May 17 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
Weex开发之地图篇的具体使用
Oct 16 Javascript
JavaScript计算正方形面积
Nov 26 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面向对象
2012/02/22 PHP
使用php实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
纯javascript实现选择框的全选与反选功能
2019/04/08 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python使用mysql的两种使用方式
2018/03/07 Python
儿童编程python入门
2018/05/08 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
Python用for循环实现九九乘法表
2018/05/31 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
Python运行DLL文件的方法
2020/01/17 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
女方婚礼新郎答谢词
2014/01/11 职场文书
推广普通话标语
2014/06/27 职场文书
党委班子对照检查材料
2014/08/19 职场文书
公民授权委托书
2014/10/15 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python