html中使用js、jQuery展示页面小结

今天药忘吃喽~ 2021-09-24 11:52 387阅读 0赞

1、ajax

$.ajax();
    {
    	url:'',
    	type:'post',
    	data:{'name':'zs','age':17},
    	dataType:'json',
    	success:function (data) {
    		// body...
    	}
    }

2、div标签赋值

$("#id").html()="test";
     
    //或者 
     
    $("#id").html("test");
     
     
     
    jquery 给span 赋值
     
    $('#hiddenNote').text(‘getSpanValues’);
     
    span取值
     
    $('#hiddenNote').text();

3、js获取日期

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 ss = now.getSeconds();          //分

注：[https://www.cnblogs.com/aeolian/p/9214194.html][https_www.cnblogs.com_aeolian_p_9214194.html]

4、js字符串处理substr、indexOf、lastIndexOf

4.1 str.substr(start,length)  
          substr(start,length)表示从start位置开始，截取length长度的字符串。

4.2 str.indexOf()  
　　   indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置（从左向右）。没有匹配的则返回-1，否则返回首次出现位置的字符串的下标值。

4.3 str.lastIndexOf()  
　　　lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值（与indexOf相反）

注：[https://www.cnblogs.com/dyqblog/p/5431824.html][https_www.cnblogs.com_dyqblog_p_5431824.html]

5、 MobileSelect获取动态数据

var addressData ;
    		$.ajax({
    			url:'/getYearMonthData.jsp',
    			type:'post',
    			async: false,
    			dataType:'json',
    			success:function(data){
    				console.log(data);
    				addressData=data.data;
    			}
    		});
        var mobileSelect4 = new MobileSelect({
            trigger: '#trigger4',
            title: '年月份选择',
            wheels: [
                {
                    data: addressData
                }
            ],
            transitionEnd: function (indexArr, data) {
                
            },
            callback: function (indexArr, data) {
    			var year =data[0].value.substr(0,4);
    			var month=parseInt(data[1].value.substr(0,(data[1].value.length-data[1].value.lastIndexOf("月"))))-1;
    			selectDate(year,month);
            }
        });

[https_www.cnblogs.com_aeolian_p_9214194.html]: https://www.cnblogs.com/aeolian/p/9214194.html
[https_www.cnblogs.com_dyqblog_p_5431824.html]: https://www.cnblogs.com/dyqblog/p/5431824.html