JavaScript 被稱為JS,是作為瀏覽器的內置腳本語言,為我們提供操控瀏覽器的能力,可以讓網頁呈現出各種特殊效果,為用戶提供友好的互動體驗。JS是Web前端入門教程中的重點和難點,而瀏覽器兼容性是JS中比較容易出錯的知識。
1、網頁中插入圖片會產生圖片向下撐大3像素的問題
解決方式:1)display:block;2)vertial-align:top/middle/bottom;3)給圖片添加浮動float。
2、用a標簽插入的圖片在IE瀏覽器中會出現邊框
解決方式:border:none;
3、IE瀏覽器中的雙邊距問題(雙邊距問題只有margin產生)
解決方式:給浮動的元素添加display:inline;
4、IE6中會把低于16px的字體默認為16px:
解決方式:font-size:0;overflow:hidden;
5、表單的元素高度不一致:
解決方法:給表單元素添加float:left;
6、百分比Bug:
在IE6及以下版本中在解析百分比時,會按照四舍五入的方式計算從而導致50%+50%大于100%的情況;
解決方式為:給右面的浮動的元素添加聲明:clear:right;清除又浮動。
7. 表單元素默認大小不一,原因為表單元素行高對齊方式不一致:
解決方法:給表單元素添加聲明:float:left;
8、元素的默認大小不一:
描述:各瀏覽器中按鈕元素大小不一致(有的包括高度,有的不包括);
解決方式:1)統一大小;2)input外面套一個標簽,在這個標簽里寫按鈕樣式,把input的邊框去掉;3)如果這個按鈕是一個圖片,直接把圖片作為按鈕的背景圖即可。
9、透明度屬性:
IE瀏覽器的寫法:filter:alpha(opacity=value);value的取值范圍是1-100;
兼容其他瀏覽器的寫法:opacity:value;value值得取值范圍0-1,寫法可以為0.1/.1/0.15。
10. 過濾器(filter)
下劃線的屬性過濾器:min-height:value;_height:value;(只有IE6識別;
選擇符{屬性:屬性值 !imporant}
除了瀏覽器的兼容性問題,還有事件對象的兼容等問題。JS的核心語法不難學習,但是要真正學透還不是一件容易的事,JS 其實是很復雜的,隨著學習,越能體會到他的強大。