You are here
js兼容IE和火狐点击收藏网页 有大用
- <script type="text/javascript">
- var browserEvent = function (obj, url, title) {
- var e = window.event || arguments.callee.caller.arguments[0];
- var B = {
- IE : /MSIE/.test(window.navigator.userAgent) && !window.opera
- , FF : /Firefox/.test(window.navigator.userAgent)
- , OP : !!window.opera
- };
- obj.onmousedown = null;
- if (B.IE) {
- obj.attachEvent("onmouseup", function () {
- try {
- window.external.AddFavorite(url, title);
- window.event.returnValue = false;
- } catch (exp) {}
- });
- } else {
- if (B.FF || obj.nodeName.toLowerCase() == "a") {
- obj.setAttribute("rel", "sidebar"), obj.title = title, obj.href = url;
- } else if (B.OP) {
- var a = document.createElement("a");
- a.rel = "sidebar", a.title = title, a.href = url;
- obj.parentNode.insertBefore(a, obj);
- a.appendChild(obj);
- a = null;
- }
- }
- };
- </script>
- </head>
- <body>
- <a href="javascript:void(0);" onMouseDown="browserEvent(this, window.location,window.location,document.title)">加入收藏</a>
- </body>
- </html>
之前我测试过在ie下不报错的,可现在原因未知,页面在ie下报错了.本人正在解决.
功能描述:
把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的兼容模式下加入收藏功能
注意:
这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示.
至于这里说不兼容360急速,我这里有个demo,是360自己的网站,在360极速浏览器的兼容模式下都不支持"加入收藏"这个功能,它自己的浏览器上自己的页面都不支持这个功能.
Code:
<!doctype html>
<html>
<head>
<title>把页面设置为首页,加入收藏功能,支持ie,ff,chrome,safari,360安全,qq,遨游,搜狗浏览器,不兼容360急速浏览器的加入收藏功能</title>
</head>
<body>
<div>
<a href="/">首页</a> |
<a onclick="SetHome(window.location)" href="javascript:void(0)">设为首页</a>
| <a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)">加入收藏</a>
</div>
<script type="text/javascript" language="javascript">
//加入收藏
function AddFavorite(sURL, sTitle) {
sURL = encodeURI(sURL);
try{
window.external.addFavorite(sURL, sTitle);
}catch(e) {
try{
window.sidebar.addPanel(sTitle, sURL, "");
}catch (e) {
alert("加入收藏失败，请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
}
}
}
//设为首页
function SetHome(url){
if (document.all) {
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(url);
}else{
alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
}
}
</script>
</body>
</html>
来自 http://www.webjx.com/html-xhtml/webxhtml-31657.html