IE與firefox下Dhtml的一些區(qū)別小結(jié)_javascript技巧
May 16, 2016 pm 06:40 PM
1.DOM上的接口基本上還是一致的，但經(jīng)測試發(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脫衣機(jī)
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)行操作：打開終端并以管理員身份登錄到Ubuntu系統(tǒng)。運(yùn)行以下命令以卸載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 重定向
Apr 14, 2023 pm 06:13 PM
長期以來，InternetExplorer的失寵一直不是秘密，但隨著Windows11的到來，現(xiàn)實(shí)開始了。Edge將來不再有時(shí)取代IE，它現(xiàn)在是微軟最新操作系統(tǒng)中的默認(rèn)瀏覽器。目前，您仍然可以在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)代默認(rèn)Web瀏覽器。盡管它從未達(dá)到Chrome的（當(dāng)前）高度，但它是2014年使用量第二大的桌面瀏覽器，僅次于IE8。當(dāng)然，隨著20
mozilla firefox可以卸載嗎
Mar 15, 2023 pm 04:40 PM
mozilla firefox可以卸載；firefox屬于第三方瀏覽器，如果不需要，完全可以卸載。卸載方法：1、在開始菜單中，依次點(diǎn)擊“Windwos系統(tǒng)”-“控制面板”；2、在“控制面板”界面中，點(diǎn)擊“程序和功能”；3、在新界面中，找到并雙擊火狐瀏覽器圖標(biāo)；4、在卸載彈窗中，點(diǎn)擊“下一步”；5、點(diǎn)擊“卸載”即可。
火狐瀏覽器Firefox 113 新特性：支持AV1動(dòng)圖、增強(qiáng)密碼生成器和畫中畫特性
Mar 05, 2024 pm 05:20 PM
近日消息，Mozilla在發(fā)布Firefox112穩(wěn)定版的同時(shí)，也宣布下個(gè)主要版本Firefox113進(jìn)入Beta頻道，支持AV1動(dòng)圖、增強(qiáng)密碼生成器和畫中畫特性?；鸷鼮g覽器Firefox113主要新功能/新特性如下支持AV1格式動(dòng)圖(AVIS)通過引入特殊字符來增強(qiáng)密碼生成器的安全性增強(qiáng)畫中畫功能，支持后退、顯示視頻時(shí)間，能更輕松地啟用全屏模式為Debian和Ubuntu發(fā)行版提供官方DEB安裝文件更新書簽導(dǎo)入功能，默認(rèn)情況下支持導(dǎo)入書簽的圖標(biāo)在支持的硬件上默認(rèn)啟用硬件加速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í)”，如圖所示。3、
Win10打開IE自動(dòng)跳轉(zhuǎn)到Edge怎么取消_IE瀏覽器頁面自動(dòng)跳轉(zhuǎn)的解決辦法
Mar 20, 2024 pm 09:21 PM
近期不少的win10用戶們?cè)谑褂秒娔X瀏覽器的時(shí)候發(fā)現(xiàn)自己的ie瀏覽器總是自動(dòng)的跳轉(zhuǎn)到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)擊默認(rèn)瀏覽器。3、最后我們?cè)诩嫒菪灾?，勾選不允許IE模式下重新加載網(wǎng)站，重啟ie瀏覽器即可。
