Javascript基础

1、字符串操作

var str = "abaasdffggghhjjkkgfddsssss3444343";

function strFun() {
    //获取字符串长度
    var a = str.length;
    console.log(a);
    //获取指定位置的字符
    var b = str.charAt(32);
    console.log(b);
    //获取字母“i”第一次出现的位置,如果没有,返回-1
    var c = str.indexOf('i');
    if (c < 0) {
        console.log('不存在');
    } else {
        console.log(c);
    }
    //将aa替换成bb
    var d = str.replace('aa', 'bb');
    console.log(str);
    console.log(d);
    //截取字符串
    var e = str.substring(1, 5);
    console.log(e);
    //分割字符串,返回数组
    var g = str.split('');
    //对数组进行排序
    var f = g.sort();
    var arr = new Array(str.length);
    for (var i = 0; i < f.length; i++) {
        var number = 1;
        for (var j = 1; j < f.length; j++) {
            if (f[i] == f[j]) {
                number = number + 1;
            }
        }
        console.log('字母' + f[i] + '出现了:' + number + '次');
    }
    //向数组的尾部插入元素
    g.push('@');
    //向数组的头部插入元素
    g.unshift('@');
    //数组转化成字符串
    var h = g.join('');
    console.log(h);

}
strFun();

 2、时间日期

function curDateTime() {
    //获取年月日
    var d = new Date();
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    var date = d.getDate();
    console.log(year + '年' + month + '月' + date + '日');
    //获取时分秒
    var hour = d.getHours();
    var minute = d.getMinutes();
    var second = d.getSeconds();
    console.log(hour + ':' + minute + ':' + second);
    console.log(year + '年' + month + '月' + date + '日' + hour + ':' + minute + ':' + second);
    //获取一个星期内的第几天
    var day = d.getDay();
    var arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
    var weekDay = arr[day];
    console.log(year + '年' + month + '月' + date + '日' + hour + ':' + minute + ':' + second + weekDay);
}
curDateTime();

 3、读取文件(图片)

function fileReader() {
        var selectedFile = document
            .getElementById('input').files[0];
        //HTML5新增对象FileReader
        var reader = new FileReader();
        reader.readAsDataURL(selectedFile);
        reader.onload = function(e) {
            var imgURL = e.target.result; //图片的base64串
            var img = new Image();
            img.src = imgURL //src可以接受base64和路径
            img.onload = function() {
                console.log(img.width + "*" + img.height);
            };
        };
    }

4、文件上传(Ajax异步)

function fileUpload() {
        // HTML5 新增对象,支持传输二进制流
        var formData = new FormData(document
            .getElementById('FormUpload')); //id为FormUpload的标签必须得带有name属性
        formData.append("fileType", "3");
        var xhr = new XMLHttpRequest();
        xhr.open('POST', '/xBankTMgt/fileserver/upload'); // 请求url
        xhr.send(formData);
        xhr.onload = function(event) {
            if (xhr.status === 200) {
                var res = JSON.parse(xhr.responseText);
            } else {

            }
        };
    }

 

posted @ 2016-12-24 15:13  iwideal  阅读(259)  评论(0编辑  收藏  举报