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

javascript 對(duì)瀏覽器兼容問(wèn)題

ID:13326544

大小:40.00 KB

頁(yè)數(shù):3頁(yè)

時(shí)間:2018-07-22

javascript 對(duì)瀏覽器兼容問(wèn)題_第1頁(yè)
javascript 對(duì)瀏覽器兼容問(wèn)題_第2頁(yè)
javascript 對(duì)瀏覽器兼容問(wèn)題_第3頁(yè)
資源描述:

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

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

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

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

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

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

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

6、上也能用,可以把一個(gè)

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

7、也方便別人閱讀和維護(hù)。單元測(cè)試:自己開(kāi)發(fā)的代碼(要做到內(nèi)部測(cè)試),并且特別要注意邊界值的覆蓋,保證代碼的正確性。2.page指令:一個(gè)頁(yè)面中用上多個(gè)<%@page%>指令,它的作用范圍都是整個(gè)jsp頁(yè)面。為了jsp程序的可讀性。最好還是把它放在jsp文件的頂部,其中的屬性只能用一次,有個(gè)例外是import屬性,可以使用多次。3.背景透明問(wèn)題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ù)覽五頁(yè),下載文檔查看全文

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

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