美文网首页
Javascript中经典自定义函数

Javascript中经典自定义函数

作者: ray0324 | 来源:发表于2016-06-30 14:11 被阅读36次

1.日期格式化函数

代码:

Date.prototype.Format = function(fmt){
  var o = {
    "m+" : this.getMonth()+1,  //月份
    "d+" : this.getDate(),     //日
    "h+" : this.getHours(),    //小时
    "i+" : this.getMinutes(),  //分
    "s+" : this.getSeconds(),  //秒
  };
  if(/(y+)/.test(fmt)){
      fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  }
  for(var k in o){
      if(new RegExp("("+ k +")").test(fmt)){
          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
      }
  }
  return fmt;
}

使用方式:

new Date().Format('yyyy-mm-dd')
new Date().Format('yyyy/mm/dd')

2.模板引擎

代码

<script type="text/html" id="tpl">
    <ul>
       <% for ( var i = 0; i < users.length; i++ ) { %>
          <li>
                 <a href="<%=users[i].url%>">
                 <%=users[i].name%>
              </a>
          </li>
      <% } %>
      </ul>
</script>

<script type="text/javascript">

function template(id,obj){
    var html=document.getElementById(id).innerHTML;
    var result="var p=[]; with(obj){p.push('"
        +html.replace(/[\r\n\t]/g,"")
            .replace(/<%=(.*?)%>/g,"');p.push($1);p.push('")
            .replace(/<%/g,"');")
            .replace(/%>/g,"p.push('")
        +" ');}return p.join('');";
    console.log(result);
    var fn=new Function("obj",result);
    return fn(data);
}

var data ={users:[{url:2,name:'ray'},{url:1,name:'ray0324'}]};
var str = template('tpl',data);
document.getElementById('wrap').innerHTML =str;

相关文章

  • js对象基础学习

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义...

  • JavaScript 对象

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对...

  • JavaScript 对象

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对...

  • javascript学习(四)-对象与函数

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对...

  • JavaScript 对象

    JavaScript中的所有事物都是对象:字符串、数值、数组、函数等,也允许JavaScript自定义对象。Jav...

  • JavaScript的常用内置函数

    在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是...

  • JavaScript 梳理

    JavaScript 梳理 函数 创建方式 定义函数function fun(){ alert("我是自定义...

  • 2018-06-12

    js中浮点型运算 方法一:有js自定义函数 //加法函数,用来得到精确的加法结果 //说明:javascript的...

  • Javascript中经典自定义函数

    1.日期格式化函数 代码: 使用方式: 2.模板引擎 代码

  • PHP全栈学习笔记4

    php和JavaScript,掌握JavaScript基础,自定义函数,流程控制语句,事件,调用JavaScrip...

网友评论

      本文标题:Javascript中经典自定义函数

      本文链接:https://www.haomeiwen.com/subject/nltfjttx.html