在js裡拼接html時的乙個小小細節

2021-06-13 18:54:28 字數 1597 閱讀 5093

專案中需要在js裡拼接乙個table，部分**如下：

var result = " " +


" " +


"" +


"";  


result += 						"" +


"員工號" +


"姓名" +


"部門" +


"職位" +


"技能等級" +


"聯絡**" +


"籍貫" +


"現住址" +


"在職狀態" +


"入職時間" +


"離職時間" +


"身份證號" +


"";  


for(var i=0;i";  


result += ""+staffviewlist[i].staff.staff_number+" "+""; 


result += ""+staffviewlist[i].staff.staff_name+" "+""; 


result += ""+staffviewlist[i].dept.dept_name+" "+""; 


result += ""+staffviewlist[i].job.job_name+" "+""; 


result += ""+staffviewlist[i].level.level_name+" "+""; 


result += ""+staffviewlist[i].staff.staff_phone+" "+""; 


result += ""+staffviewlist[i].staff.staff_nativeplace+" "+""; 


result += ""+staffviewlist[i].staff.staff_address+" "+""; 


result += ""+staffviewlist[i].staff.staff_state+" "+""; 


result += ""+timestamp2string(staffviewlist[i].staff.staff_startdate.time)+" "+""; 


result += ""+staffviewlist[i].staff.staff_enddate+" "+""; 


result += ""+staffviewlist[i].staff.staff_idcard+" "+""; 


result += "";  


}  result += "


";  


$("div_select_result").innerhtml = result;
先看下面兩句**有什麼不一樣的地方

第一種：

result += "";

第二種：

result += "";
其中，第二種寫法中的onclick和onmouseover事件是執行不出來的，原因在於方法名前少加了乙個空格，這樣拼接出來的html文件中方法名和前面的屬性混在一起，瀏覽器就無法區分開來，所以當我們在拼接html時一定要想象著它們拼接出來的樣子，哪怕多加乙個空格 也不要少了乙個空格。

最後，空格留在哪兒可以根據自己的習慣，放在某一屬性前、後或者單獨寫成+「 」+也可以。

js如何拼接乙個list

頁面 比如 請求後台獲取乙個json，先把他解析一下，然後找到list拼接出來 function jdwuliu jdnumber type post datatype json success function obj else if afsdetailtype 20 else if afsdet...

在乙個ajax裡呼叫control裡的兩個方法

思維 想在乙個ajax裡呼叫control裡的兩個方法 先呼叫乙個方法，然後再第乙個方法裡呼叫另乙個方法 ban function event confirm 確定要禁用選中的記錄？function else requirespermissions tuserinfo ban public resu...

js柯里化的乙個應用

聽到同學說面試一道題目 add 1 2 3 4 10 查詢了下資料 這是乙個js裡面的柯里化 現象 add curry防範返回的是乙個 retval，並不是執行結果。這裡的 很想遞迴，但是不是這樣。每呼叫一次retval 都會將引數傳給他，而之前的seed會一直保留 add curry 營造了乙個閉...