文档章节

常用JS自定义函数

hming
 hming
发布于 2016/11/30 14:37
字数 529
阅读 3
收藏 0

1.js获取日期函数
function CurentTime()
{
    var now = new Date();
    var year = now.getFullYear();    //年
    var month = now.getMonth() + 1;   //月
    var day = now.getDate();      //日
    var hh = now.getHours();      //时
    var mm = now.getMinutes();     //分
    var clock = year + "-";

    if(month < 10)
        clock += "0";

    clock += month + "-";

    if(day < 10)
        clock += "0";

    clock += day + " ";

    if(hh < 10)
        clock += "0";

    clock += hh + ":";
    if (mm < 10) clock += '0';
    clock += mm;
    return(clock);
}
2.ajax实例
$.ajax({
    type: "POST",
    url: "join.php",
    data: dataString,
    dataType: "json",
    success: function(re){
        $('.success').fadeIn(200).show();
        $('.error').fadeOut(200).hide();
    }
});
3.js页面打印数组函数
/**
 * 打印数组
 * @param {[type]} arr  要打印的数组
 * @param {[type]} space 控制打印的缩进
 * @param {[type]} space2 控制打印的缩进2
 */
function print_arr(arr, space, space2)
{
    space = space || ' ';
    space2 = space2 || '     ';
    var str = "Array<br>"+space+"(<br>";
    for(var i=0; i<arr.length; i++)
    {
        if( Object.prototype.toString.call(arr[i]) == '[object Array]' )
        { //判断是否是数组,如果是,进行递归拼接
            str += space2 + '[' +i+"] => "+ print_arr(arr[i], space+'   ', space2+'   ');
        }
        else
        {
            str += space2 +'['+i+"] => "+ arr[i] +"<br>";
        }
    }
    str += space+")<br>";
    document.write(str);
}
4.js打印json数据成数组形式输出在html
/** 输出空格函数 */
function blank(num) {
    var res = '';
    for (var i = 0; i < num; i++) {
        res += ' ';
    }
    return res;
}
/** 计算JSON对象数据个数 */
function jsonLen(jsonObj) {
    var length = 0;
    for (var item in jsonObj) {
        length++;
    }
    return length;
}
/** 解析JSON对象函数 */
function printObj(obj) {
    // JSON对象层级深度
    deep = (typeof(deep)=='undefined') ? 0: deep;
    var html = "Array\n"; // 返回的HTML
    html += blank(deep) + "(\n";
    var i = 0;
    // JSON对象,不能使用.length获取数据的个数,故需自定义一个计算函数
    var len = typeof(obj) == 'array' ? obj.length : jsonLen(obj);
    for(var key in obj){
        // 判断数据类型,如果是数组或对象,则进行递归
        // 判断object类型时,&&jsonLen(obj[key])是由于
        // 1、值(类似:email:)为null的时候,typeof(obj[key])会把这个key当做object类型
        // 2、值为null的来源是,数据库表中某些字段没有数据,查询之后直接转为JSON返回过来
        if(typeof(obj[key])=='array'|| (typeof(obj[key])=='object' && jsonLen(obj[key]) > 0) ){
            deep += 3;
            html += blank(deep) + '[' + key + '] => ';
            // 递归调用本函数
            html += printObj(obj[key],deep);
            deep -= 3;
        }else{
            html += blank(deep + 3) + '[' + key + '] => ' + obj[key] + '\n';
        }
        if (i == len -1) {
            html += blank(deep) + ")\n";
        }
        i++;
    }
    return html;
}
/** 向HTML页面追加打印JSON数据 */
function p_Obj(obj) {
    var div = document.getElementById('print-json-html');
    if (div != null) {
        document.body.removeChild(div);
    }
    var node = document.createElement("div");//创建一个div标签
    node.id = 'print-json-html';
    node.innerHTML = '<pre>' + printObj(obj) + '</pre>';
    document.body.appendChild(node);
}

© 著作权归作者所有

共有 人打赏支持
hming
粉丝 3
博文 88
码字总数 86648
作品 0
深圳
程序员
如何轻松快速学习JavaScript 呢?

JS给人那种感觉的原因多半是因为它如下的特点: 1:本身知识很抽象、晦涩难懂,如:闭包、内置对象、DOM。 2:本身内容很多,如函数库,对象库就一大堆。 3:混合多种编程思想。 4:辛苦学习...

课工场CC老师
2017/11/04
0
0
jQuery的$.AJAX实现

jquery是个很伟大的js库,我们在用的同时应该也好好学习下他的效果是如何做出来的,比起看很多所谓的js书好多了。 随机文章: 非常酷的拖动分页 2010年01月25日 封装的竖向图片滚动 2010年0...

monxu
2010/02/20
0
0
asp.net中调用javascript自定义函数的方法(包括引入JavaScript文件)总结

通常javascript代码可以与HTML标签一起直接放在前端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因为页面因此而变得臃肿;所以一般有良好开发习惯的程序员都会...

黄献
2012/11/04
0
0
细说JavaScript数据类型及转换

细说JavaScript数据类型及转换 JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed...

开元中国2015
2015/07/13
0
0
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Redis常用命令

keys 我把这个命令放在第一位,是因为笔者曾经做过的项目,以及一些朋友的项目,都因为使用keys这个命令,导致出现性能毛刺。这个命令的时间复杂度是O(N),而且redis又是单线程执行,在执行k...

谢思华
20分钟前
1
0
关于css宽度分离

所谓宽度分离就是width 属性不与影响宽度的 padding/border(有时候包括 margin)属性共存 例如: .box{width:200px;padding:20px;border:1px solid;} 为何要做宽度分离 一说到分离就是为了好...

莫西摩西
30分钟前
0
0
Linux常用命令

###############常用命令说明############################## cat /proc/version 显示内核的版本 mv dir1 new_dir 重命名/移动 一个目录 rm -rf a.txt b.txt c.txt 删除多个文件 chmod 777 ......

lyle_luo
37分钟前
1
0
全国地区代码科普

全国地区代码表 天津市 地区代码 地区名称 1100 天津市 辽宁省 地区代码 地区名称 2210 沈阳市 2210 法库县 2210 康平县 2210 辽中县 2210 新民市 2220 大连市 2222 普兰店市 2223 庄河市 22...

恋码之子
38分钟前
0
0
DbForge Schema Compare for MySQL入门教程:生成比较报告

【dbForge Schema Compare for MySQL下载】 当架构比较完成后,您可以生成比较报告以保留架构更改的记录。 1. 在“Comparison” 菜单中,单击“Generate Comparison Report” 。将打开“Gen...

Miss_Hello_World
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部