WEB網站製作當中不可或少的會碰到各種問題,以下是開發時碰到的一些問題以及心得經驗,避免大家少走彎路。
1.xml檔盡量以utf-8編碼,gb2312有些字是儲存不了的,如?,就算能存也需要轉換,比較麻煩,utf-8也符合國際規範。
2.CSS中:hover這個偽類,如果放在:visited前面則會失效。
3.<a>標籤如果沒有href屬性,所有對它的css的偽類如:hover均失效。
4.js檔案中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用,其file相對路徑均為引用該js的html的路徑
。中的@import,url()引用不存在這個問題
5、在頁面中,有時talbe的寬設定為100%右邊也會留下一個捲軸的空白,請設定<body style="overflow:auto">
6.對於常用的圖片不要用img標籤,使用<span><a>並用css指定其背景和寬高,對於做動態的(移上去變背景),使用<a>最好,不需要額外編寫代碼
,只要利用偽類
:hover就好了,使用css好處是一次改變全部改變,這點可以很好的利用在換皮膚的應用中。
( http://valid_url/some_font_file.eot );}
定義一個在本地沒有的字體名稱,呼叫<span style="font-family:comic;font-size:18pt>aa</span>
8、幾個CSS
以下是引用片段:
div { overflow: hidden;text-overflow:ellipsis; }
td { vertical-align : middle; }
要強制溢出發生並且套用ellipsis 值,作者必須設定物件的white-space 屬性值為nowrap 。
假如沒有換行機會(例如,物件容器的寬度是狹窄的,而內有很長的沒有合理斷行的文字),沒有應用nowrap 也有可能溢出。
為了使ellipsis 值被套用,此屬性必須被設定到具有不可視區域的物件。最好的選擇是設定overflow 屬性為hidden。
9.firefox的document.createElement不支援內容裡有HTML標籤,也不支援innerText,但是支援innerHTML,可以用innerHTML指定其內容。
10..net控制項裡DropDownList在firefox下的寬度不著色,需要直接定義style='width:10px;'
11、firefox中css的cursor不支援hand,使用pointer代替。
12.iframe裡的捲軸需要在iframe標籤裡設定style='overflow:hidden',不能只在body裡設置,在firefox會有問題。
13.在onpropertychange事件時,注意使用event.propertyName對屬性改變事件過濾,在設定本事件時,其實已經改變了onpropertychange這個屬性,所以會自動的執行一次。
14、js5.6裡的對XSL的支援版本較低,如document函數就不支援。
15.slice函數比直接循環取得數組片斷慢。
16、nextSibling取得下一個物件時,需要注意,兩個節點間不要有空格,否則很容易取得不到正確得物件。
17.CreateTextFile在有中文時必須指定第三個參數為true,否則不能寫入中文,表現為Write寫時報錯。
18.儲存中文文字時使用ADODB.stream,不使用fso,因為FSO不支援utf-8格式。