继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

关于js的一些常用用法

傻了吧唧君
关注TA
已关注
手记 2
粉丝 4
获赞 29
'use strict';
elem.className  //当直接传入一个DOM节点时可以直接用.className获取其类名
elem.id //同上,可直接获取其id
elem.clientWidth  //获取元素的宽度,包括padding不包括border
elem.clientHeight //获取元素的高度
elem.offsetHeight  //同上,但包括padding且包括border
elem.scrollHeight  //同上,但包括padding不包括border
elem.style['-webkit-transform'] = ''; //所有样式都可以用[]进行查询
elem.style.cssText='width'+youvalue+'px;height:'+youvalue+'px;';//直接以字符串的形式定义样式.

string.split('_')[1]; //将一个字符串从有_处即分割开,返回一个数组,字符串中_将被清除
arr.splice(n,m);//从目标数组中截取其中的数。截取之后目标数组将损失被截取的数,代码中表示从第n个数开始截取至第m个数
/\s*this_string\s*/.test(str)  //匹配一个正则表达式,向字符串str中,匹配则传回一个true,否则false。其中\*s表示的是匹配前后的空格
str.replace(/old_string/, 'new_string'); //将str字符串中的匹配字符替换为目标字符
str.substr(0,1);  //从str字符串中从第0个字符截取到第1个字符并返回,当只传入一个值时则表示从该位置开始向后截取至字符串尾部
function g(selector){ //这个函数定义用来使用传入一个类名或者id,然后根据第一个字符返回查询到的DOM元素
    var method = selector.substr(0, 1) == '.'?'getElementsByClassName':'getElementById';
    return document[method](selector.substr(1));
}
var arr = [];    arr.push(_arr);//将元素_arr加入到arr数组中

Math.min(num_1, num_2); //求最小值,可传入数组;
Math.max(num_1, mun_2); //求最大值,可传入数组;
Math.ceil(floatNum);  //向上舍入,如传入参数带有小数则去掉小数进一位
Math.round(floatNum); //四舍五入,如传入参数带有小数则四舍五入
Math.floor(floatNum); //向下舍入,如传入参数带有小数则去掉小数并不进位
Math.random(); //取随机数,可能返回[0,1)之间的数
function random( range ){ //传入一个数组(含两个数)计算返回一个随机中间值的函数
    var max = Math.max( range[0], range[1] );
    var min = Math.min( range[0], range[1] );
    var diff = max - min;
    var number = Math.ceil((Math.random()*diff+min));
    return number;
}

window.onscroll = function() { 
    console.info(window.scrollY); 
    } //监控滚动事件的js写法,一般用于返回顶部以及响应式导航条

$(window).scroll(function(event) {
                    /* 监控滚动事件的jq的写法 */
                    if($(this).scrollTop()==0){
                        $("#toTop").hide();
                    }
}); 

DOM中的事件对象
1,type属性 用于获取事件类型 //即event.type
2,target属性 用于获取事件目标 //event.target
3,stopPropagation()方法 用于阻止事件冒泡 //event.stopPropagation
4,preventDefault()方法 阻止事件的默认行为  //event.preventDefault

function isEmail(arguments){//验证邮箱函数
    if(arguments.length>1) throw new Error("只能够传递一个参数!");//检测参数个数
    //定义正则表达式
    var regexp = /^\w+((-\w+)(\.\w+))*\@[A-Za-z0-9]+((\.-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
    if(arguments[0].search(regexp)!=-1)    //匹配实参的值
        return true;
    else
        return false;
}
var email = "maosheng_er@163.com";
alert(isEmail(email));

// JavaScript把null、undefined、0、NaN和空字符串''视为false`输入代码`
打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP