广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    一个简单的javascript框架的实现过程

    2018-04-13 09:17:37 次阅读 稿源:互联网
    零七广告
    function getStyle(obj,attr){
    if(obj.currentStyle){
    return obj.currentStyle[attr];
    }else{
    return getComputedStyle(obj,false)[attr];
    }
    }

    function addEvent(obj,type,fn){
    if(obj.attachEvent){
    obj.attachEvent('on'+type,function(){
    fn.call(this);
    });
    }else{
    obj.addEventListener(type,fn,false);
    }
    }

    function getClass(obj,claName){
    var oClass = obj.getElementsByTagName('*');
    for(var i=0;i<oClass.length;i++){
    if(oClass[i].className = claName){
    return oClass[i];
    }
    }
    }

    function Qiguo($arg){
    this.elements = [];
    switch(typeof $arg){
    case 'function' :
    addEvent(window,'load',$arg);
    break;
    case 'string' :
    switch($arg.substring(0,1)){
    case '#':
    this.elements = document.getElementById($arg.substring(1));
    break;
    case '.':
    this.elements = getClass();
    break;
    default:
    this.elements = document.getElementsByTagName($arg);
    }
    break;
    }
    }

    Qiguo.prototype.click = function(fn){
    addEvent(this.elements,'click',fn);
    return this;
    }

    function $($arg){
    return new Qiguo($arg);
    }

    $(function(){
    $("#text").click(function(){
    alert('1123');
    })
    })

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告