1. 程式人生 > >常用代碼

常用代碼

mes end arch con contents search text ast 轉換成

1.指定位置添加字符串
方法一

var endTime=$(".selectEnd").find("option:selected").text().substring(0,2) + ‘:‘ + ‘0100‘.substring(2,4);

方法二:

var startTime=$(".selectStart").find("option:selected").text().split(‘‘);
startTime=startTime[0]+startTime[1]+‘:‘+startTime[2]+startTime[3];

2. 阻止a標簽的點擊事件

pointer-events‘: ‘none

3.截取/後面的數字

var str-"http://www.dqr2015.com/mood_detail/1561/2235";
document.write(str.lastIndexO("/")+"<br>");
var reg=/\d{1,10}\/\d{1,10}/;
console.log(str.match(reg)[0]);
console.log(str.slice("35"));
//
.match(/\/(\{[^}]+\})\//)[1]

4.加載頁面

$(‘#dom‘).load(./index.html);

5.ajax無刷新加載頁面

onclick="change(‘./html‘);
function change(urls){
    $(
"#box").html($.ajax({url:urls,async:false}).responseText); }

6.獲取offsetLeft問題

var ul=document.getElementById(‘demo‘).offsetLeft;
console.log(ul);
var demo=$("#demo").get(0);
console.log(demo.offsetLeft);

註意:在ul加relative

7.使用ajax的html()方法,在執行動畫時,切換頁面js還在執行
原因:事件隊列,在加載頁面前就清除定時器

8.josn轉換

$.parseJSON( jsonstr ); //
jQuery.parseJSON(jsonstr),可以將json字符串轉換成json對象 JSON.parse(jsonstr); //可以將json字符串轉換成json對象 JSON.stringify(jsonobj); //可以將json對象轉換成json對符串

9.input聚焦光標在最後面

var t=$(‘.s-funcm input‘).val();
$(‘.s-funcm input‘).val(‘‘).focus().val(t);

10.去重

var arr=[];
if(arr.indexOf(roomCSMes.optName) < 0){
    arr.push(roomCSMes.optName);
}

11.獲取地址欄參數

function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
GetQueryString(“名字”);

12.iframes使用

//父頁面操作子頁面
$(window.frames[name].document).contents().find("#classA").val(getDomdata(id,‘.one‘));
//子頁面操作父頁面
$(‘.times‘,parent.document).text()

13.修改key,value

value.map["secondId"]=vals.stageName;

14.input 的max無效

<input type="number" class="input-text description" oninput="if(value.length>11) 
value=value.slice(0,11)" value="" placeholder=""name="textName">

15.轉換標準時間為年-月-日 時分秒

var e = new Date();
  e.getFullYear() + ‘-‘ + (e.getMonth() + 1) + ‘-‘ + e.getDate() + ‘ ‘ + e.getHours() + ‘:‘ + e.getMinutes() + ‘:‘ + e.getSeconds()

16.給周期排序

        var WEEKDAY={
            ‘星期一‘:1,
            ‘星期二‘:2,
            ‘星期三‘:3,
            ‘星期四‘:4,
            ‘星期五‘:5,
            ‘星期六‘:6,
            ‘星期天‘:7
            }
        
        function sortbyweek(obj){
            var json_temp = new Array();
            
            $.each(obj, function(index,value) {
                var tt = new Object();
                tt[‘index‘] = WEEKDAY[index];
                tt[‘value‘] = value[0].each;
                json_temp.push(tt);
            });
            
            json_temp.sort(function(a,b){
                return a.index-b.index;
            });
        }
        sortbyweek(jsonString);

17.轉價格格式 .00

var getFloatStr = function(num){ 
num += ‘‘; 
num = num.replace(/[^0-9|\.]/g, ‘‘); //清除字符串中的非數字非.字符 

if(/^0+/) //清除字符串開頭的0 
    num = num.replace(/^0+/, ‘‘); 
    if(!/\./.test(num)) //為整數字符串在末尾添加.00 
    num += ‘.00‘; 
    if(/^\./.test(num)) //字符以.開頭時,在開頭添加0 
    num = ‘0‘ + num; 
    num += ‘00‘; //在字符串末尾補零 
    num = num.match(/\d+\.\d{2}/)[0]; 
    return num;
};

18.WdatePicker用法

//開始時間選中賦值給結束時間
<input type="text" placeholder="" onfocus="WdatePicker({minDate:‘%y-%M-#{%d}‘,onpicked:function() {$dp.$(‘logmin‘).value=$dp.cal.getNewDateStr();$dp. 
$(‘logmax‘).value=$dp.cal.getNewDateStr();}})" id="logmin" class="input-text Wdate 
endDay" style="width:20%;"> 
//結束時間小於開始時間
<input type="text" onfocus=" WdatePicker({minDate:‘#F{$dp.$D(\‘logmin\‘)}‘})" 
id="logmax" class="input-text Wdate startDay" style="width:20%;">

常用代碼