EXT2中一段兼容FF的insertAdjacentHTML方法

本文解决了多文件上传组件在Firefox浏览器中不响应的问题,通过实现兼容FF的insertAdjacentHTML方法,确保了组件在不同浏览器间的一致性表现。

近日在搞一个关于多文件上传的组件,在IE内已实现了,并能成功动态的添加上传的附件.可是到FF下一测发觉没有任何反应.原来我使用的是insertAdjacentHTML.方法不行.想起EXT2中有一段关于兼容FF的insertAdjacentHTML方法.就去COPY过来了.

<scripttype="text/javascript">
<!--
functioninsertHtml(where,el,html){
where
=where.toLowerCase();
if(el.insertAdjacentHTML){
switch(where){
case"beforebegin":
el.insertAdjacentHTML('BeforeBegin',html);
returnel.previousSibling;
case"afterbegin":
el.insertAdjacentHTML('AfterBegin',html);
returnel.firstChild;
case"beforeend":
el.insertAdjacentHTML('BeforeEnd',html);
returnel.lastChild;
case"afterend":
el.insertAdjacentHTML('AfterEnd',html);
returnel.nextSibling;
}
throw'Illegalinsertionpoint->"'+where+'"';
}
varrange=el.ownerDocument.createRange();
varfrag;
switch(where){
case"beforebegin":
range.setStartBefore(el);
frag
=range.createContextualFragment(html);
el.parentNode.insertBefore(frag,el);
returnel.previousSibling;
case"afterbegin":
if(el.firstChild){
range.setStartBefore(el.firstChild);
frag
=range.createContextualFragment(html);
el.insertBefore(frag,el.firstChild);
returnel.firstChild;
}
else{
el.innerHTML
=html;
returnel.firstChild;
}
case"beforeend":
if(el.lastChild){
range.setStartAfter(el.lastChild);
frag
=range.createContextualFragment(html);
el.appendChild(frag);
returnel.lastChild;
}
else{
el.innerHTML
=html;
returnel.lastChild;
}
case"afterend":
range.setStartAfter(el);
frag
=range.createContextualFragment(html);
el.parentNode.insertBefore(frag,el.nextSibling);
returnel.nextSibling;
}
throw'Illegalinsertionpoint->"'+where+'"';
}


<script src="http://www.cnitblog.com/Files/yemoo/gg2.js" type="text/javascript"></script>参数介绍:
where:插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd。
el:用于参照插入位置的html元素对象
html:要插入的html代码

一切OK.

最近在看EXT方面的资源.收获不少.各位有兴趣不妨多看看.

<script type="text/javascript"><!-- google_ad_client = "pub-6054586558396945"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text_image"; google_ad_channel = ""; //--> </script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值