JavaScript总结

淡淡的烟草味﹌ 2022-05-10 12:44 133阅读 0赞

1、多个$(doument).(function()\{\});执行顺序，主要看他们所在的位置决定，如果多个$(doument).(function()\{\});在同一页面的<script>元素内编写，则按照书写顺序执行。  
如果是一个$(doument).(function()\{\});在页面内<script>元素内编写，一个是在引入的外部js文件中编写，这时 就要看引入这个js文件的<script src=>标签所在的位置了，如果引入位置在页面书写的<script>之前，则外部js文件中的  
$(doument).(function()\{\});先执行，如果引入的js文件的<script src=>标签在页面的JavaScript方法之后，则页面的$(doument).(function()\{\});先执行。  
另外如果$(doument就继续往下).(function()\{\});内包含调用ajax的方法，则如果ajax不添加async:false的话，$(doument).(function()\{\});会不等待ajax返回结果执行，  
因此在一些情况下可能数据还未获取到，下面的css样式就会开始渲染，导致页面样式得不到预期的。

2、使用find()方法查询包含的子节点时，调用find方法的对象一定要是父级节点，因为find方法是不能查找同级和节点对象的。

3、创建map类型变量并操作：

var map=new Map();
    //赋值数组
    map.set("1",[1,2,3]);
    map.set("2",new Array(1,2,3,4));
    console.log(map.get("2"));
    //获取键对应值的数据类型
    console.log(typeof map.get("2"));
    //根据键获取值然后修改值，即向数组中插入字符5
    map.get("1").push("5");
    console.log(map.get("1"));
    console.log(typeof map.get("1"));
    map.set("3","111");
    console.log(typeof map.get("3"));
    console.log(map.get("4"));
    map.get("1").push("666");
    console.log(map.get("1"));

4、input标签重新绑定事件：

1）js方式

var btn=document.getElementById("btnId");
    btn.addEventListener('click',functionName,false);

2）jquery方式

$("#btnId").on('click',function(){});

5、jquery获取第一个或最后一个子元素

//获取第一个子元素
    //比如获取第一个input类型子元素
    $(this).children("input:first-child").val();
    //比如获取第一个li类型子元素
    $(this).children("li:first-child").val();
    //获取第一个子元素
    //比如获取最后一个input类型子元素
    $(this).children("input:last-child").val();
    //比如获取最后一个li类型子元素
    $(this).children("li:last-child").text();
    //获取倒数第二个子元素
    $(this).children("li:last-child").prev().val();

6、字符串转Date

将字符串转换成Date，可以分割出年月日时分秒，然后分别转换成数字，在new Date()时做为参数传入，但是要注意在传参后获取的date类型时间容易得到一些奇怪的结果，这种情况通常是由于字符串转数字出的问题，即使debugger观察转换的数字没有问题，但是获取的date类型数据还是会有问题，下面是封装的转换函数：

//定义转换函数
    //传入参数"18-11-07 18:10"
    function formatDate(dateStr){
    	var dateArr=("20"+dateStr+":00").split(' ');
    	var ymd=dateArr[0].split('-');
    	var dh=dateArr[1].split(':');
    	var y=parseInt(ymd[0]);
    	var m=parseInt(ymd[1])-parseInt(1);
    	var d=parseInt(ymd[2]);
    	var h=parseInt(dh[0]);
    	var min=parseInt(dh[1]);
    	var s=parseInt(dh[2]);
    	var date=new Date(y,m,d,h,min,s);
    	return date;
    }