要有完整對應(yīng)的標(biāo)簽要有明確標(biāo)識type類型,還有"> 要有明確標(biāo)識type類型,還有" />
javascript 對瀏覽器兼容問題

javascript 對瀏覽器兼容問題

ID:15387916

大?。?0.00 KB

頁數(shù):3頁

時間:2018-08-03

javascript 對瀏覽器兼容問題_第1頁
javascript 對瀏覽器兼容問題_第2頁
javascript 對瀏覽器兼容問題_第3頁
資源描述:

《javascript 對瀏覽器兼容問題》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、瀏覽器兼容問題》》》》》》》》》》》》》》注意事項1.編寫javascript代碼,要注意編碼方式規(guī)范性如:

要有完整對應(yīng)的標(biāo)簽要有明確標(biāo)識type類型,還有/結(jié)束符號切記多余的逗號(iconCls:’’,)在IE7.0,就會出現(xiàn)異常,所以,要嚴(yán)格保證js代碼的完整性。2.Div+css通用兼容性代碼*html{padding:0px}/*清除浮動*/.clearfix:after{content:”.”

2、;display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}.clearfix{display:block;}符號IE6IE7IE8FF*√√××!important×√×√_√×××9××√×*html√×××*+html×√××說明:”√”代表能識別;”×”代表不識別關(guān)于css部份技巧,div/IE6/IE7/IE8/FF3.div的垂直居中問題(1)vertical-align:middle;將

3、行距增加到和整個DIV一樣高line-height:200px;然后插入文字,就垂直居中了。缺點是要控制內(nèi)容不要換行(2)margin加倍的問題設(shè)置為float的div在ie下設(shè)置的margin會加倍。這是一個ie6都存在的bug。解決方案是在這個div里面加上display:inline;(3)浮動ie產(chǎn)生的雙倍距離#box{float:left;width:100px;margin:000100px;//這種情況之下IE會產(chǎn)生200px的距離display:inline;//使浮動忽略}這里細(xì)說一下block與inline兩

4、個元素:Block:元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline:元素的特點是,和其他元素在同一行上,不可控制(內(nèi)嵌元素);#box{display:block;//可以為內(nèi)嵌元素模擬為塊元素display:inline;//實現(xiàn)同一行排列的效果diplay:table;}(4)IE與寬度和高度的問題IE不認(rèn)得min-這個定義,但實際上它把正常的width和height當(dāng)作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器里這兩個值就不會變,如果只用min-width

5、和min-height的話,IE下面根本等于沒有設(shè)置寬度和高度。比如要設(shè)置背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:#box{width:80px;height:35px;}html>body#box{width:auto;height:auto;min-width:80px;min-height:35px;}(5)頁面的最小寬度min-width是個非常方便的CSS命令,它可以指定元素最小也不能小于某個寬度,這樣就能保證排版一直正確。但IE不認(rèn)得這個,而它實際上把width當(dāng)做最小寬度來使。為了讓這一命令在IE

6、上也能用,可以把一個

放到標(biāo)簽下,然后為div指定一個類,然后CSS這樣設(shè)計:#container{min-width:600px;width:expression(document.body.clientWidth<600?"600px":"auto");}第一個min-width是正常的;但第2行的width使用了Javascript,這只有IE才認(rèn)得,這也會讓你的HTML文檔不太正規(guī)。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。1.jsp頁面布局要規(guī)范合理,有一定的縮進Tab標(biāo)簽,方便自己同時

7、也方便別人閱讀和維護。單元測試:自己開發(fā)的代碼(要做到內(nèi)部測試),并且特別要注意邊界值的覆蓋,保證代碼的正確性。2.page指令:一個頁面中用上多個<%@page%>指令,它的作用范圍都是整個jsp頁面。為了jsp程序的可讀性。最好還是把它放在jsp文件的頂部,其中的屬性只能用一次,有個例外是import屬性,可以使用多次。3.背景透明問題IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);IE:filter:alpha(opacity=10

8、);FF:opacity:0.6;FF:-moz-opacity:0.10;

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。