IE與firefox下Dhtml的一些區(qū)別小結(jié)_javascript技巧
May 16, 2016 pm 06:40 PM
1.DOM上的接口基本上還是一致的，但經(jīng)測(cè)試發(fā)現(xiàn)mozilla下的DOM更標(biāo)準(zhǔn)些,就算些法一樣，IE下會(huì)有一些微小的區(qū)別，但無關(guān)要緊
2.事件模型上，這方面區(qū)別算比較大.
mozilla下的e.target 相當(dāng)于 ie下的event.srcElement,但細(xì)節(jié)上有區(qū)別，后者是返回一個(gè)html element
而e.target返回的是個(gè)節(jié)點(diǎn)，也就是說包括文本節(jié)點(diǎn)，方法可以這樣
var trg = e.target;
while(trg.nodeType!=1)trg=trg.parentNode;
mozilla下的e.which與ie下的event.keyCode相當(dāng)
相對(duì)應(yīng)的還有e.layerX,e.layerY,e.pageX,e.pageY...
可以看看http://fason.nease.net/mozilla/dom/ event部份
事件綁定上mozilla用addEventListener,removeEventListener,對(duì)應(yīng)ie的attachEvent,detatchEvent
3.對(duì)象引用上就直接document.getElementById就行了，如果還要兼容ie4,可以再加上document.all判斷
form element的引用要標(biāo)準(zhǔn)些var oInput = document.formName.elements["input1"]
4.XML的應(yīng)用上區(qū)別更大些，因?yàn)镮E下是通過activex來創(chuàng)建，而mozilla已經(jīng)是有這些對(duì)象的（需要dom2支持）
Xmldomdocument: var doc = document.inplementation.createDocument("","",null)
xmlhttp: var req = new XMLHttpRequest()
5.innerText就在mozilla不支持了，需要用些range的技巧來取得它的text
6.insertAdjacentHTML是個(gè)比較好用的方法，mozilla可以用DOM的方法insertBefore來兼容
7.更細(xì)微的，如Array,Date的一些方法ie和mozilla也會(huì)有一些微小的區(qū)別，具體不提到了。。。
寫了兩個(gè)例子:
1. 對(duì)于通過ID取對(duì)象
function getObjectById(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}
2. 對(duì)事件附加處理函數(shù)
if(document.attachEvent)
window.attachEvent("onresize", function(){reinsert();});
else
window.addEventListener('resize', function(){reinsert();}, false);
注意在IE里是 onclick 而在firefox NS 里則是 click
用腳本提交
document.formName.action = "...";
document.formName.submit();
好像在mozilla下不能用
處理XML的方法
var FCKXml = function()
{}
FCKXml.prototype.GetHttpRequest = function()
{
if ( window.XMLHttpRequest )// Gecko
return new XMLHttpRequest() ;
else if ( window.ActiveXObject )// IE
return new ActiveXObject("MsXml2.XmlHttp") ;
}
FCKXml.prototype.LoadUrl = function( urlToCall, asyncFunctionPointer )
{
var oFCKXml = this ;
var bAsync = ( typeof(asyncFunctionPointer) == 'function' ) ;
var oXmlHttp = this.GetHttpRequest() ;
oXmlHttp.open( "GET", urlToCall, bAsync ) ;
if ( bAsync )
{
oXmlHttp.onreadystatechange = function()
{
if ( oXmlHttp.readyState == 4 )
{
oFCKXml.DOMDocument = oXmlHttp.responseXML ;
asyncFunctionPointer( oFCKXml ) ;
}
}
}
oXmlHttp.send( null ) ;
if ( ! bAsync && oXmlHttp.status && oXmlHttp.status == 200 )
this.DOMDocument = oXmlHttp.responseXML ;
else
throw( 'Error loading "' + urlToCall + '"' ) ;
}
FCKXml.prototype.SelectNodes = function( xpath, contextNode )
{
if ( document.all )// IE
{
if ( contextNode )
return contextNode.selectNodes( xpath ) ;
else
return this.DOMDocument.selectNodes( xpath ) ;
}
else// Gecko
{
var aNodeArray = new Array();
var xPathResult = this.DOMDocument.evaluate( xpath, contextNode ? contextNode : this.DOMDocument,
this.DOMDocument.createNSResolver(this.DOMDocument.documentElement), XPathResult.ORDERED_NODE_ITERATOR_TYPE, null) ;
if ( xPathResult )
{
var oNode = xPathResult.iterateNext() ;
while( oNode )
{
aNodeArray[aNodeArray.length] = oNode ;
oNode = xPathResult.iterateNext();
}
}
return aNodeArray ;
}
}
FCKXml.prototype.SelectSingleNode = function( xpath, contextNode )
{
if ( document.all )// IE
{
if ( contextNode )
return contextNode.selectSingleNode( xpath ) ;
else
return this.DOMDocument.selectSingleNode( xpath ) ;
}
else// Gecko
{
var xPathResult = this.DOMDocument.evaluate( xpath, contextNode ? contextNode : this.DOMDocument,
this.DOMDocument.createNSResolver(this.DOMDocument.documentElement), 9, null);
if ( xPathResult && xPathResult.singleNodeValue )
return xPathResult.singleNodeValue ;
else
return null ;
}
}
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
Ubuntu Linux如何移除Firefox Snap？
Feb 21, 2024 pm 07:00 PM
要在UbuntuLinux中刪除FirefoxSnap，可以按照以下步驟進(jìn)行操作：打開終端機(jī)並以管理員身份登入U(xiǎn)buntu系統(tǒng)。執(zhí)行以下命令以卸載FirefoxSnap：sudosnapremovefirefox系統(tǒng)將提示你輸入管理員密碼。輸入密碼並按下Enter鍵以確認(rèn)。等待指令執(zhí)行完成。一旦完成，F(xiàn)irefoxSnap將被完全刪除。請(qǐng)注意，這將刪除透過Snap套件管理器安裝的Firefox版本。如果你透過其他方式（如APT套件管理器）安裝了另一個(gè)版本的Firefox，則不會(huì)受到影響。透過上述步驟
Internet Explorer 開啟 Edge：如何停止 MS Edge 重新導(dǎo)向
Apr 14, 2023 pm 06:13 PM
長(zhǎng)期以來，InternetExplorer的失寵一直不是秘密，但隨著Windows11的到來，現(xiàn)實(shí)開始了。 Edge將來不再有時(shí)取代IE，它現(xiàn)在是微軟最新作業(yè)系統(tǒng)中的預(yù)設(shè)瀏覽器。目前，您仍然可以在Windows11中啟用InternetExplorer。但是，IE11（最新版本）已經(jīng)有了一個(gè)正式的退役日期，即2022年6月15日，時(shí)間在流逝?？紤]到這一點(diǎn)，您可能已經(jīng)注意到InternetExplorer有時(shí)會(huì)打開Edge，而您可能不喜歡它。那為什麼會(huì)這樣呢？在
win11無法使用ie11瀏覽器怎麼辦？ (win11用不了ie瀏覽器)
Feb 10, 2024 am 10:30 AM
越來越多的用戶開始升級(jí)win11系統(tǒng)，由於每個(gè)用戶的使用習(xí)慣不同，還是有不少用戶在使用ie11瀏覽器，那麼win11系統(tǒng)用不了ie瀏覽器，該怎麼辦呢？ windows11還支援ie11嗎？下面就來看看解決方法。 win11無法使用ie11瀏覽器的解決方法1、先右鍵開始選單，選擇「命令提示字元（管理員）」開啟。 2.開啟之後，直接輸入“Netshwinsockreset”，回車確定。 3.確定之後再輸入「netshadvfirewallreset&rdqu
一個(gè)時(shí)代的結(jié)束：Internet Explorer 11 已退役，這是你需要知道的
Apr 20, 2023 pm 06:52 PM
2022年6月15日是Microsoft結(jié)束對(duì)InternetExplorer11(IE11)的支援並關(guān)閉其舊版瀏覽器章節(jié)的日子。一段時(shí)間以來，該公司一直在提醒用戶注意這一生命週期結(jié)束日期，並呼籲他們計(jì)劃遷移到MicrosoftEdge。 Microsoft將IE11與Windows8.1捆綁在一起，作為Windows的現(xiàn)代預(yù)設(shè)網(wǎng)頁瀏覽器。儘管它從未達(dá)到Chrome的（目前）高度，但它是2014年使用量第二大的桌面瀏覽器，僅次於IE8。當(dāng)然，隨著20
mozilla firefox可以卸載嗎
Mar 15, 2023 pm 04:40 PM
mozilla firefox可以卸載；firefox屬於第三方瀏覽器，如果不需要，完全可以卸載。卸載方法：1、在開始功能表中，依序點(diǎn)選「Windwos系統(tǒng)」-「控制臺(tái)」；2、在「控制臺(tái)」介面中，點(diǎn)選「程式與功能」；3、在新介面中，找到並雙擊火狐瀏覽器圖示；4、在卸載彈窗中，點(diǎn)選「下一步」；5、點(diǎn)選「卸載」即可。
火狐瀏覽器Firefox 113 新特性：支援AV1動(dòng)圖、增強(qiáng)密碼產(chǎn)生器與畫中畫特性
Mar 05, 2024 pm 05:20 PM
近日消息，Mozilla在發(fā)布Firefox112穩(wěn)定版的同時(shí)，也宣布下個(gè)主要版本Firefox113進(jìn)入Beta頻道，支援AV1動(dòng)圖、增強(qiáng)密碼產(chǎn)生器和畫中畫特性?；鸷鼮g覽器Firefox113主要新功能/新特性如下支援AV1格式動(dòng)圖(AVIS)透過引入特殊字元來增強(qiáng)密碼產(chǎn)生器的安全性增強(qiáng)畫中畫功能，支援後退、顯示影片時(shí)間，能更輕鬆地啟用全螢?zāi)荒Ｊ綖镈ebian和Ubuntu發(fā)行版提供官方DEB安裝檔更新書籤導(dǎo)入功能，預(yù)設(shè)支援導(dǎo)入書籤的圖示在支援的硬體上預(yù)設(shè)啟用硬體加速AV1視訊解碼使用w
如何啟用IE的加速功能
Jan 30, 2024 am 08:48 AM
ie加速功能怎麼開？ ie打開網(wǎng)頁的速度太慢，我們可以在裡面開啟硬體加速模式。很多小夥伴反應(yīng)說使用ie瀏覽器的時(shí)候，開啟網(wǎng)頁的速度特別的慢，這樣對(duì)我們?yōu)g覽網(wǎng)頁也造成了一定影響。就想詢問小編有什麼解決辦法，這種情況是可以開啟ie瀏覽器的硬體加速模式，小編下面整理了ie開啟加速功能方法，感興趣的話一起往下看看！ ie開啟加速功能方法開啟IE安全瀏覽器，點(diǎn)選右上角齒輪狀的「設(shè)定」圖標(biāo)，選擇「Internet選項(xiàng)」進(jìn)入，如圖所示。 2、在Internet選項(xiàng)的視窗頭部的標(biāo)籤導(dǎo)航中點(diǎn)擊“進(jìn)階”，如圖所示。 3、
Win10開啟IE自動(dòng)跳到Edge怎麼取消_IE瀏覽器頁??面自動(dòng)跳轉(zhuǎn)的解決方法
Mar 20, 2024 pm 09:21 PM
近期不少的win10用戶們?cè)谑褂秒娔X瀏覽器的時(shí)候發(fā)現(xiàn)自己的ie瀏覽器總是自動(dòng)的跳到edge瀏覽器，那麼win10打開ie自動(dòng)跳轉(zhuǎn)edge怎麼關(guān)閉?。下面就讓本站來為用戶們來仔細(xì)的介紹一下win10打開ie自動(dòng)跳轉(zhuǎn)edge關(guān)閉方法吧。 1.我們登入edge瀏覽器，點(diǎn)選右上角...，找下拉的設(shè)定選項(xiàng)。 2.我們進(jìn)入設(shè)定後，在左側(cè)欄點(diǎn)選預(yù)設(shè)瀏覽器。 3.最後我們?cè)谙嗳菪灾?，勾選不允許IE模式下重新載入網(wǎng)站，重啟ie瀏覽器即可。
