前端開發(fā)部分總結(jié)[兼容性、DOM操作、跨域等]（持續(xù)更新）

2024-05-06 14:11:13

字體：大中小

供稿：網(wǎng)友

項目背景：.Net 3.5+MySQL+jQuery+WebService
在公司做這個項目已經(jīng)6個多月了，總結(jié)一些問題，也算是拋磚引玉吧，希望園子里更多的朋友一起分享一些技巧。
1、 WebService方法返回值不能為void。
當(dāng)WebService方法返回值為void時，F(xiàn)F和Chrome會持續(xù)等待，認(rèn)為這個請求沒有結(jié)束，而在IE中一切是正常的。
2、當(dāng)input的type="button"時或者使用button時，點擊后會觸發(fā)form的submit。
當(dāng)時查找頁面刷新的問題找了很久，最后才發(fā)現(xiàn)是button會自動觸發(fā)form的submit，導(dǎo)致當(dāng)前頁面的刷新。
3、js設(shè)置document.domain只能從二級域名設(shè)置到頂級域名。
比如訪問moozi.cnblogs.com，可以在這個頁面中寫document.domain='cnblogs.com';如果把域設(shè)置為cnblogs.com之后，無法再使用document.domain='moozi.cnblogs.com';。
4、使用DOM片段創(chuàng)建iframe，當(dāng)跨域時，不能用js寫iframe的域。
比如你在moozi.cnblogs.com/test.html頁面用js把域設(shè)置為document.domain='cnblogs.com'，而此時你再用var ifrm=createElement('iframe') ，這時將不能用js設(shè)置iframe的域也為'cnblogs.com'，只能讓ifrm.src='test2.htm'，并在test2.htm中設(shè)置域document.domain='cnblogs.com'。
5、當(dāng)你修改過當(dāng)前域的時候，CKEditor是正常的，而tinyMCE需要重新設(shè)置域。
CKEditor能自動識別當(dāng)前域，并不出錯。tinyMCE需要人為的設(shè)置。同時，如果你是用CKFinder上傳文件，而需要修改它的輸入代碼，不然會因為域不同而出現(xiàn)沒有權(quán)限的錯誤提示。
6、使用tinyMCE，盡管你的初始化代碼只有一句，但是可能出現(xiàn)多次初如化。發(fā)生原因未知，在不確定的情況下會出現(xiàn)此BUG。
7、開發(fā)js組件的時候，要時刻注意閉包和this的指代，這方面之前吃了不少虧。
8、將字符串轉(zhuǎn)換成jQuery對象時，要注意字符串html代碼的閉合標(biāo)簽。
比如：var html='<span>test</span> 'var jqEl=$(html);此時，jqEl會把html里的' '丟掉。
9、jQuery1.2.6和jQuery1.3在細(xì)節(jié)的處理上有一些區(qū)別。
jQuery1.2.6處理hasClass('.className')會出錯，而jQuery1.3不會。
10、盡量少用jQuery的each，多用js原生的代碼，性能較高。

上一篇：AppBaseJs 類庫網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的

下一篇：javascript 隱藏/顯示指定的區(qū)域附HTML元素【legend】用法