一些JS脚本的整理(更新中)

贴下几个常用的js函数

1)判断浏览器类型和版本

  1. window[“MzBrowser”]={};(function()
  2. {
  3. if(MzBrowser.platform) return;
  4. var ua = window.navigator.userAgent;
  5. MzBrowser.platform = window.navigator.platform;
  6. MzBrowser.firefox = ua.indexOf(“Firefox”)>0;
  7. MzBrowser.opera = typeof(window.opera)==”object”;
  8. MzBrowser.ie = !MzBrowser.opera && ua.indexOf(“MSIE”)>0;
  9. MzBrowser.mozilla = window.navigator.product == “Gecko”;
  10. MzBrowser.netscape= window.navigator.vendor==”Netscape”;
  11. MzBrowser.safari = ua.indexOf(“Safari”)>-1;
  12. if(MzBrowser.firefox) var re = /Firefox(\s|\/)(\d+(\.\d+)?)/;
  13. else if(MzBrowser.ie) var re = /MSIE( )(\d+(\.\d+)?)/;
  14. else if(MzBrowser.opera) var re = /Opera(\s|\/)(\d+(\.\d+)?)/;
  15. else if(MzBrowser.netscape) var re = /Netscape(\s|\/)(\d+(\.\d+)?)/;
  16. else if(MzBrowser.safari) var re = /Version(\/)(\d+(\.\d+)?)/;
  17. else if(MzBrowser.mozilla) var re = /rv(\:)(\d+(\.\d+)?)/;
  18. if(“undefined”!=typeof(re)&&re.test(ua))
  19. MzBrowser.version = parseFloat(RegExp.$2);
  20. })();

可以通过alert(MzBrowser.ie)判断是否是ie浏览器
alert(MzBrowser.version)判断浏览器的版本

2)多个javascript函数绑定到onload事件处理函数

  1. function addLoadEvent(func){
  2. var oldonload=window.onload;
  3. if(typeof window.onload!=’function’){
  4. window.onload=func;
  5. }else{
  6. window.onload=function(){
  7. oldonload();
  8. func();
  9. }
  10. }
  11. }

接下来我们就可以这样引用了:
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
…..
当然我们也可以这样实现:
window.onload=function(){
firstFunction();
secondFunction()
}
3)DOM提供了insertBefore()的方法,却没有提供insertAfter()的方法,不过不要紧的,我们可以这样实现:

  1. function insertAfter(newElement,targetElement){
  2. var parent=targetElement.parentNode;
  3. if(parent.lastChild==targetElement){
  4. parent.appendChild(newElement);
  5. }else{
  6. parent.insertBefore(newElement,targetElement.nextSibling);
  7. }
  8. }

参数newElement表示将插入的新元素,targetElement是新元素将被插入到它前面的去的目标元素
用法和insertBefore一样;
当然这里可以察觉到,缺少注释,但是一旦放进js脚本库,这些全部是要写的非常清楚的,这点我们可以向国外的高手学习学习,当然写注释也是非常有讲究的学问,陆续的我将不断的更新。

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 一些JS脚本的整理(更新中)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏