文档章节

常用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
asp.net中调用javascript自定义函数的方法(包括引入JavaScript文件)总结

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

黄献
2012/11/04
0
0
关于javascript的原型和原型链,看我就够了(一)

关于js的原型和原型链,有人觉得这是很头疼的一块知识点,其实不然,它很基础,不信,往下看 要了解原型和原型链,我们得先从对象说起 创建对象 创建对象的三种方式: 对象直接量 通过对象直...

陌上寒
11/03
0
0
JavaScript的基本使用

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

码农47
03/15
0
0
HIJK 0.4 发布,自动化JavaScript WebAPI开发包

HIJK是一个自动化的WebAPI开发包,全程使用JavaScript语言,只需要写一个标准JavaScript函数,复制到 js/目录下,就会自动加载为 WebAPI, 可以通过HTTP提供网络服务,同时支持最新的WebSock...

iBoxDB
2014/07/14
2.1K
4

没有更多内容

加载失败,请刷新页面

加载更多

kiss原则

KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”。换句话说来,”简单就是美“。KISS 原则源于 David Mamet(大卫马梅)的电...

NB-One
4分钟前
0
0
Spring Cloud Stream消费失败后的处理策略(三):使用DLQ队列(RabbitMQ)

应用场景 前两天我们已经介绍了两种Spring Cloud Stream对消息失败的处理策略: 自动重试:对于一些因环境原因(如:网络抖动等不稳定因素)引发的问题可以起到比较好的作用,提高消息处理的...

程序猿DD
10分钟前
0
0
MYSQL事务处理

INNODB 事务里,所有表引擎必须为INNODB,在非实务表上操作,不会警告,不会报错,但没有效果

关元
48分钟前
3
0
cmake 编译脚本

#!/bin/sh test -d build || mkdir -p build cd build cmake .. make

shzwork
今天
2
0
从零开始实现Vue简单的Toast插件

概述: 在前端项目中,有时会需要通知、提示一些信息给用户,尤其是在后台系统中,操作的正确与否,都需要给与用户一些信息。 1. 实例 在Vue组件的methods内,调用如下代码 `this``.$toast({...

前端小攻略
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部