zoukankan      html  css  js  c++  java
  • 构建自己的JS框架

    构建自己的JavaScript库:

    创建一个IC.js文件

    (function()){

         function $(){

              alert();

         }

         window['IC']={}

         window['IC']['$']=$;

    })();

    第二种,加入自己的方法:

    (function(){
     window['IC']={}
     
     function $(){
      var elements = new Array();
      for(var i=0;i<arguments.length;i++){
       var element = arguments[i];
       
       if(typeof element == 'string'){
        element = document.getElementById(element);
       }
       
       if(arguments.length==1){
        return element;
       }
       elements.push(element);
      }
      return elements;
     }
     window['IC']['$']=$;
     
     function getElementsByClassName(className,tag){
      
      var allTags = document.getElementsByTagName(tag);
      var matchingElements = new Array();

      className = className.replace(/\-/g, "\\-");
      var regex = new RegExp("(^|\\s)" + className + "(\\s|$)");
      
      var element;

      for(var i=0; i<allTags.length; i++){
       element = allTags[i];
       if(regex.test(element.className)){
        matchingElements.push(element);
       }
      }
      

      return matchingElements;
      
     }
     
     window['IC']['getElementsByClassName']=getElementsByClassName;
    })();

    创建html页面,ICtest.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript" src="IC.js" ></script>
    <script type="text/javascript" >
    function testClick(){
     var testInput = IC.getElementsByClassName("testme","input");
     for(var i=0;i<testInput.length;i++){
      alert(testInput[i].value);
     }
     
    }

    </script>
    </head>

    <body >

    <input type="text" value="test" class="testme" id="testId"/>
    <input type="text" value="test3" class="testme" id="testId2"/>
    <input type="button" value="clickme" onclick="testClick()"/>
    </body>
    </html>

  • 相关阅读:
    java 事件监听机制组成
    关于父进程和子进程的关系(UAC 绕过思路)
    Fort.js – 时尚、现代的进度提示效果
    Hive学习之函数DDL和Show、Describe语句
    js完美的div拖拽实例代码
    SSH2框架实现注冊发短信验证码实例
    再看C#中的托付和事件
    RGB(FFFFFF)转255:255:255
    单一目的聚集操作
    智慧城市,在中国的北海边再画一个圈——大连“中国首届智慧城市协同创新峰会”请你带好笔
  • 原文地址:https://www.cnblogs.com/ZHF/p/1322484.html
Copyright © 2011-2022 走看看