现在的浏览器越来越多,这就使得网页设计的兼容性要求越来越高,像常用的设为首页、加入收藏代码,一般的虽然简洁,但兼容性却非常不好,加入收藏和设为首页代码几乎各个网站都在头部放上一个,有没有效果先不管,需求应该是有的。
但是由于浏览器的兼容性问题,之前用的很多代码都失去效果,下面就给出一段能够兼容各个浏览器的代码,也不能够算是兼容,只能说在不支持的浏览器中能够给出提示,代码如下:
<!doctype html> <html> <head> <title>加入收藏和设为首页</title> <script type="text/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> </head> <body> <a href="javascript:void(0)">设为首页</a> <a href="javascript:void(0)">加入收藏</a> </body> </html>
以上代码简短易懂,可以兼容各个浏览器加入收藏和设为首页,有问题欢迎提出,小编会及时和大家联系的,谢谢!
下面给大家分享一段jquery代码实现加入收藏夹功能
//设为首页 function SetHomePage() { if (document.all) { document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage('http://www.87cool.com'); } else if (window.sidebar) { if (window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert("该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true"); } } var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch); prefs.setCharPref('browser.startup.homepage', 'http://www.87cool.com'); } } //加入收藏夹 function AddFavorite() { var title = document.title; var url = location.href; if (window.sidebar) { window.sidebar.addPanel(title, url, ""); } else if (document.all) { window.external.AddFavorite(url, title); } else { return true; } }
本文向大家介绍JavaScript 实现完美兼容多浏览器的复制功能代码,包括了JavaScript 实现完美兼容多浏览器的复制功能代码的使用技巧和注意事项,需要的朋友参考一下 分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。 以上所述就是本文给大家的分享的全部内容了,希望大家能够喜欢。
在一个模块中使用了 node 的 Events 和 Path 模块,现在希望模块能够同时在 node 中和浏览器中使用,有什么类似的模块可以兼容这两个环境,最好 api 的实现上和 node 模块大致一样。
本文向大家介绍jQuery+css实现的时钟效果(兼容各浏览器),包括了jQuery+css实现的时钟效果(兼容各浏览器)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery+css实现的时钟效果。分享给大家供大家参考,具体如下: 运行效果截图如下: 这里没有做太多的修饰,简单的实现了一下功能,另外,用的是js的setTimeout方法,当时间长了之后,会有一定的延时,建议,在每隔
本文向大家介绍Enter回车切换输入焦点实现思路与代码兼容各大浏览器,包括了Enter回车切换输入焦点实现思路与代码兼容各大浏览器的使用技巧和注意事项,需要的朋友参考一下 做项目时,客户要求能够用enter回车直接切换输入(焦点),当最后一个时候,直接提交信息。 第一想法就是,网上去copy一段代码直接用。但了百度、谷歌找了个遍,找到的代码80%以上都是一样的。有的代码太老,都不能用。有的只有部分
本文向大家介绍jQuery+css实现的tab切换标签(兼容各浏览器),包括了jQuery+css实现的tab切换标签(兼容各浏览器)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery+css实现的tab切换标签。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery动画与特效用法总结》及《jQ
浏览器兼容 主流浏览器都兼容 HTML5 的新标签,对于 IE8 及以下版本不认识 HTML5的新元素,可以使用 JavaScript 创建一个没用的元素来解决,例如: <script> document.createElement("header"); </script> 也可以使用 shiv 来解决兼容性问题,详情可参考 HTML5 Shiv
本文向大家介绍基于js实现判断浏览器类型代码实例,包括了基于js实现判断浏览器类型代码实例的使用技巧和注意事项,需要的朋友参考一下 前言 工作中需要用到判断浏览器类型,网上找到的内容不怎么全,故在此进行一下总结。 一、不同浏览器及版本下User-Agent信息 待续.....欢迎补充 二、根据User-Agent信息进行判断 以下代码目前还判断不了win10下的edge 以上就是本文的全部内容,希
本文向大家介绍JS实现兼容各浏览器解析XML文档数据的方法,包括了JS实现兼容各浏览器解析XML文档数据的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现兼容各浏览器解析XML文档数据的方法。分享给大家供大家参考。具体分析如下: 网站上很多用JS解析XML文档的资料或多或少都有点问题, 以下是自己总结的代码,用来解析XML文档,兼容各个浏览器。 parseXMLDOM.js代码