IE Firefox中JS相容常見問題

2022-02-11 17:24:10 字數 2076 閱讀 7976

1,document.form.item/document.id

ie中 document.formname.item(」itemname」)

ff中 document.formname.elements["elementname"]

建議使用document.getelementbyid(itemname)

2, 下標運算

ie中 document.forms(」formname」)

ff中 document.forms["formname"]

ie中 document.getelementsbyname(」inputname」)(1)

ff中 document.getelementsbyname(」inputname」)[1]

建議使用作為下標運算

3,window.event

ie中 可以使用window.event

ff中 event 只能在事件發生的現場使用,可以改寫成 事件=函式(event);

function somemethod(evt)

例如:

4,event.x 與 event.y 問題

ie中,event 物件有 x, y 屬性

ff中,可用event.clientx ,event.clienty替代(ie也有該屬性)

也可用:mx = event.x ? event.x : event.pagex;

5,操作frame

ie中 可以用window.framename取得該frame,ff中不行

ff中 可以用window.top.document.getelementbyid(」frameid」)來訪問frame

注:ie 和ff都可以通過window.top.document.getelementbyid(」frame」).src = 』somefile.htm』來切換frame的 內容,也都可以通過window.top.framename.location = 』somefile.htm』來切換frame的內容

6,呼叫showmodaldialog

ie中可以用showmodaldialog乙個子視窗,並獲得返回值.

ff中沒有showmodaldialog,但可以用window.open來實現.

例如:在main.cfm檔案中有如下**:

function showitemlist(obj)

}else

}function returnvalue(returnvalue)

如果需要得到返回值.需要用到window.open的引數modal=yes,而且必須在子視窗中向母視窗傳值(window.opener).

例如在subwin.cfm中加入以下**:

function returnthisvalue()

7,其它

a, 在ff中,自定義的屬性必須使用getattribute()

b, ff中沒有 parentelement parement.children 而用parentnode parentnode.childnodes,可以使用 node.getelementsbytagname()

c, ff不支援onpropertychange事件

d, ff中 createelement不支援html**,可以考慮用:document.write(eshtml);

e, ie 中innertext ,在ff中可以用textcontent

f, ff下用class代替ie下的classname

g, 如果ff呼叫obj.focus(); 報錯,請嘗試改為:window.settimeout( function(), 0);

h, firefox不支援 filter

i, ie: blur發生在focus後,ff: blur發生在focus前呼叫

j. ie:event.keycode*****ff:event.which

function catcathevent(evt)

else

k. 設定容器位置 left、top及長寬,必須加上』px』,如 $(』obj』).style.left = 『50px』;

l.在ff位址列中輸入about:config,會出現火狐的引數配置設定

IE FireFox相容 JS對select操作

今天在ajax中使用兩個下拉框動態新增select中的options,當我在ie測試下正常使用卻在firefox中不能正常使用,我對指令碼也不是很熟悉,所以上網查了一下發現他們在動態新增option時有點不同。下面把他記下來,說不定以後還可以用用 動態刪除select中的所有options func...

IE Firefox中JS相容常見問題

1,document.form.item document.id ie中 document.formname.item itemname ff中 document.formname.elements elementname 建議使用document.getelementbyid itemname 2...

相容ie,firefox的callback方法

function callback args,datasxmldoc common showmonthreport.xsl try catch e 相容ie,firefox的callback方法,這是乙個xsl解晰xml得到 html字串的方法。quote 引數說明 datasxmldoc 為 xm...