前端小技巧

最近，接觸的最多的就是工業智能化，這讓我不得不學習一些以前從沒接觸過的東西，在完成項目的過程中又遇到了很多問題，我覺得很有意思，也很有參考意義，在這裡記錄一下，下面主要是前端js有關的一些内容。

js中的類型定義

js進行計算的時候如果兩個不同類型計算，需要先定義一個初始值來确定計算後的類型。因為在javaScript中資料為弱類型，如不進行初始化指派，可能會造成計算後類型不比對的問題。

testSelect: function() {
    table.set();
        //将0賦給totle這個變量，則totle的類型就會變成number
    var totle =0;
    var rows = $.map($("#" + table.options.id).bootstrapTable('getSelections'), 
    function (row) {
        totle +=row.rowLimit;
        return $.common.getItemField(row, table.options.columns[5].field);
    });
},           

js處理number的三種方式

1. eval()函數

eval()

函數會将傳入的字元串當做 JavaScript 代碼進行執行，也就是說如果傳入的字元串是表達式，就會計算表達式。

示例如下：

eval("amount+$(this).val()* duration")           

其中 amount 是number類型的數字，在java中對應

float

類型；$(this).val()是jQuery擷取比對元素的目前值；duration為number類型的數字，在java中對應

int

類型。該函數的輸出結果為number類型。

1. ceil()函數

ceil()函數

屬于

JavaScript Math

對象，傳回大于或等于一個給定數字的最小整數，即向上取整。

Math.ceil(parseFloat($(this).val()*100)* duration)/100           

其中，$(this).val()是jQuery擷取比對元素的目前值的方法；duration為number類型的數字，在java中對應

int

類型,

• Math.ceil()

  :向上取整

• Math.floor()

  :向下取整

• Math.round()

  :四舍五入

1. toFixed()函數

toFixed()

方法使用定點表示法來格式化一個數值，可把 Number 四舍五入為指定小數位數的數字。

numObj.toFixed(2); 
/* toFixed(n)中的n代表保留幾位,但是保留小數後會儲存為字元串類型*/           

其中numObj表示number類型的對象。

擷取label的value的兩種方法

label.innerText           

label.getAttribute('id')