当前位置: 首页 > 工具软件 > jQuery cForm > 使用案例 >

jQuery JavaScript Library v1.6.1的$(document.body).append(html)不支持ie

锺离伟彦
2023-12-01

今天弄一个动态层时.发现一个怪现象就是层会在ie9/firefox中正常.但是在某些情况下,ie8/ie7就会出现创建对象失败.

没仔细分析,不知道详细原因.

只知道在创建完成后.对象并没有存在.

可能原因是html中包含某种对象时就失败

但是某种情况,ie9也会失败

 

===========firefox测试===========

navigator.userAgent=Mozilla/5.0 (Windows NT 6.1; rv:8.0) Gecko/20100101 Firefox/8.0
navigator.appCodeName=Mozilla
navigator.appName=Netscape
navigator.appVersion=5.0 (Windows)
navigator.language=zh-CN
navigator.mimeTypes=[object MimeTypeArray]
navigator.platform=Win32
navigator.oscpu=Windows NT 6.1
navigator.vendor=
navigator.vendorSub=
navigator.product=Gecko
navigator.productSub=20100101
navigator.plugins=[object PluginArray]
navigator.cookieEnabled=true
navigator.onLine=true
navigator.buildID=20111104165243
navigator.javaEnabled=function javaEnabled() { [native code]}
navigator.taintEnabled=function taintEnabled() { [native code]}
navigator.geolocation=[object GeoGeolocation]
navigator.registerContentHandler=function registerContentHandler() { [native code]}
navigator.registerProtocolHandler=function registerProtocolHandler() { [native code]}
navigator.mozIsLocallyAvailable=function mozIsLocallyAvailable() { [native code]}
js创建的divA 如下

存在性 :存在
内容:

divBjq创建divB 如下

存在性 :存在

内容:divB

===================ie9测试===============

navigator.appCodeName=Mozilla
navigator.appName=Microsoft Internet Explorer
navigator.appMinorVersion=0
navigator.cpuClass=x86
navigator.platform=Win32
navigator.msDoNotTrack=0
navigator.plugins=[object]
navigator.opsProfile=null
navigator.userProfile=null
navigator.systemLanguage=zh-cn
navigator.userLanguage=zh-cn
navigator.appVersion=5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.userAgent=Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.onLine=true
navigator.cookieEnabled=true
navigator.mimeTypes=
js创建的divA 如下

存在性 :存在
内容:

divB jq创建divB 如下

存在性 :存在

内容:divB

 

=========ie8============

navigator.appCodeName=Mozilla
navigator.appName=Microsoft Internet Explorer
navigator.appMinorVersion=0
navigator.cpuClass=x86
navigator.platform=Win32
navigator.msDoNotTrack=0
navigator.plugins=[object]
navigator.opsProfile=null
navigator.userProfile=null
navigator.systemLanguage=zh-cn
navigator.userLanguage=zh-cn
navigator.appVersion=4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.userAgent=Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.onLine=true
navigator.cookieEnabled=true
navigator.mimeTypes=
js创建的divA 如下

存在性 :存在
内容:

divB jq创建divB 如下

存在性 :存在

内容:divB

 

=================以上测试使用下面的代码独立测试是正常的,因为这个html对象中比较简单==========

       
for(var tmp in navigator) document.writeln('navigator.' + tmp + '=' + navigator[tmp] + '<br/>');

document.writeln('<p></p>');

var div = document.createElement('DIV');
div.id = 'divA';
div.innnerHTML = div.id;

document.body.appendChild(div);
document.writeln('js创建的divA 如下<br/><br/>存在性 :' + (document.getElementById('divA')?'存在':'不存在') + '<br/>内容:' + document.getElementById('divA').innerHTML);
$(document.body).append('<div id=divB>divB</div>');
document.writeln('jq创建divB 如下<br/><br/>存在性 :' + (document.getElementById('divB')?'存在':'不存在') + '<br/>内容:' + document.getElementById('divB').innerHTML);

=============================当使用我自己的一个html数据时,就会提示创建的对象不存在===========================

 

=========ie8不存在==========

navigator.appCodeName=Mozilla
navigator.appName=Microsoft Internet Explorer
navigator.appMinorVersion=0
navigator.cpuClass=x86
navigator.platform=Win32
navigator.msDoNotTrack=0
navigator.plugins=[object]
navigator.opsProfile=null
navigator.userProfile=null
navigator.systemLanguage=zh-cn
navigator.userLanguage=zh-cn
navigator.appVersion=4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.userAgent=Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.onLine=true
navigator.cookieEnabled=true
navigator.mimeTypes=
js创建的divA 存在性 :存在
jq创建divB 存在性 :不存在

============ie9============

navigator.appCodeName=Mozilla
navigator.appName=Microsoft Internet Explorer
navigator.appMinorVersion=0
navigator.cpuClass=x86
navigator.platform=Win32
navigator.msDoNotTrack=0
navigator.plugins=[object]
navigator.opsProfile=null
navigator.userProfile=null
navigator.systemLanguage=zh-cn
navigator.userLanguage=zh-cn
navigator.appVersion=5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
navigator.userAgent=Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
navigator.onLine=true
navigator.cookieEnabled=true
navigator.mimeTypes=
js创建的divA 存在性 :存在
jq创建divB 存在性 :不存在

=========ie9兼容格式=======

navigator.appCodeName=Mozilla
navigator.appName=Microsoft Internet Explorer
navigator.appMinorVersion=0
navigator.cpuClass=x86
navigator.platform=Win32
navigator.msDoNotTrack=0
navigator.plugins=[object]
navigator.opsProfile=null
navigator.userProfile=null
navigator.systemLanguage=zh-cn
navigator.userLanguage=zh-cn
navigator.appVersion=4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.userAgent=Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
navigator.onLine=true
navigator.cookieEnabled=true
navigator.mimeTypes=
js创建的divA 存在性 :存在
jq创建divB 存在性 :不存在

=============firefox=========

navigator.userAgent=Mozilla/5.0 (Windows NT 6.1; rv:8.0) Gecko/20100101 Firefox/8.0navigator.appCodeName=Mozillanavigator.appName=Netscapenavigator.appVersion=5.0 (Windows)navigator.language=zh-CNnavigator.mimeTypes=[object MimeTypeArray]navigator.platform=Win32navigator.oscpu=Windows NT 6.1navigator.vendor=navigator.vendorSub=navigator.product=Geckonavigator.productSub=20100101navigator.plugins=[object PluginArray]navigator.cookieEnabled=truenavigator.onLine=truenavigator.buildID=20111104165243navigator.javaEnabled=function javaEnabled() {    [native code]}navigator.taintEnabled=function taintEnabled() {    [native code]}navigator.geolocation=[object GeoGeolocation]navigator.registerContentHandler=function registerContentHandler() {    [native code]}navigator.registerProtocolHandler=function registerProtocolHandler() {    [native code]}navigator.mozIsLocallyAvailable=function mozIsLocallyAvailable() {    [native code]}js创建的divA 存在性 :存在jq创建divB 存在性 :存在

===========测试bug代码=======

<body>
<script src="jquery.js"></script>
<script>
var data = '%3Cfieldset%20class%3D%22fullScreenFieldset%22%20style%3D%22margin%3A20px%3B%22%3E%3Clegend%3E%u5BFC%u5165%u5730%u5740%u64CD%u4F5C%u7A97%u53E3%20%3Ca%20href%3D%27javascript%3Avoid%280%29%3B%27%20onclick%3D%27stopImport%28%29%27%3E%u505C%u6B62%u5BFC%u5165%3C/a%3E%20%3Ca%20onclick%3D%22%20%20%24%28%27%23fullScreenDiv%27%29.css%28%27display%27%2C%20%27none%27%29%3B%24%28document.body%29.removeClass%28%27bodyHideOver%27%29%3B%22%20href%3D%22javascript%3Avoid%280%29%3B%22%3E%u5173%u95ED%u672C%u7A97%u53E3%3C/a%3E%3C/legend%3E%3Cdiv%20class%3D%22fullScreenBodyDiv%22%3E%20%20%20%20%3Cform%20action%3D%22http%3A//edm.q/index.php/home/email/importUpload%22%20accept-charset%3D%22utf-8%22%20target%3D%22upload_file_frame%22%20name%3D%22editForm%22%20id%3D%22editForm%22%20method%3D%22POST%22%20onsubmit%3D%22return%20false%3B%22%20enctype%3D%22multipart/form-data%22%3E%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22siteWhere%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%u5BFC%u5165%u90AE%u4EF6%u5206%u7EC4%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cselect%20name%3D%22emailGroup%22%20id%3D%22emailGroup%22%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Coption%20value%3D%220%22%3E%u4E0D%u5206%u7EC4%28%u5168%u7AD9%29%3C/option%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Coption%20value%3D%226%22%3E%u5F53%u524D%u5206%u7EC4%3C/option%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/select%3E%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22emailGroupERR%22%3E%u4E0B%u9762%u7684%u5BFC%u5165%u65B9%u5F0F%u5171%u7528%u672C%u9009%u9879%3C/span%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E%3C/p%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cfieldset%3E%0A%20%20%20%20%20%20%20%20%3Clegend%3E%3Cb%3E%u5BFC%u5165%u65B9%u5F0FA%3C/b%3E%3Cbr%20/%3E%u672C%u5730%u4E0A%u4F20%3Cspan%20class%3D%22error%22%3E%u5C0FTXT%u6587%u672C%u6587%u4EF6%3C/span%3E%u5BFC%u5165%u65B9%u5F0F%3C/legend%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22siteWhere%22%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%3C/p%3E%0A%20%20%20%20%20%20%20%20%3Cinput%20type%3D%22file%22%20name%3D%22emailFile%22%20/%3E%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cbutton%20type%3D%22submit%22%3E%u5F00%u59CB%u4E0A%u4F20%3C/button%3E%20%26nbsp%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22emailFileERR%22%3E%3C/span%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20txt%u6587%u4EF6%u4E66%u5199%u5185%u5BB9%u89C4%u5B9A%3A%3Cbr/%3E%0A%20%20%20%20%20%20%20%20%20%20%u4E00%u884C%u53EA%u80FD%u5199%u4E00%u4E2A%u6709%u6548%28%u770B%u90AE%u4EF6%u5730%u5740%u7EC4%u6210%u89C4%u5219%29%u7684%u90AE%u4EF6%u5730%u5740%3B%3Cbr/%3E%0A%20%20%20%20%20%20%20%20%20%20%u9996%u5C3E%u7A7A%u683C%u5224%u4E3A%u6709%u6548%u5730%u5740%2C%u4F46%u4E2D%u95F4%u7A7A%u683C%u5C06%u89C6%u4E3A%u65E0%u6548%u5730%u5740%3Cbr/%3E%0A%20%20%20%20%20%20%20%20%20%20%u65E0%u6548%u5730%u5740%28%u4E5F%u53EF%u53EB%u5185%u5BB9%u884C%29%u5C06%u88AB%u8DF3%u8FC7%u4E0D%u5904%u7406%3Cbr/%3E%0A%20%20%20%20%20%20%20%20%20%20%u6587%u4EF6%u4E2D%u53EF%u4EE5%u51FA%u73B0%u5DF2%u88AB%u6536%u5F55%u7684%u5730%u5740%2C%u4F46%u662F%u4E0D%u4F1A%u518D%u6B21%u88AB%u6536%u5F55%3Cbr/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3Ared%3B%22%3E%u4E0A%u4F20%u6587%u4EF6%u5927%u5C0F%u5EFA%u8BAE%u63A7%u5236%u57285M%u5185%2C%u8FC7%u5927%u8BF7%u4F7F%u7528ftp%u4E0A%u4F20%u65B9%u5F0F%3C/span%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/p%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%20%20%3C/fieldset%3E%0A%20%20%20%20%20%20%0A%20%20%3C/form%3E%0A%20%20%0A%20%20%20%20%20%20%3Cfieldset%3E%0A%20%20%20%20%20%20%20%20%3Clegend%3E%3Cb%3E%u5BFC%u5165%u65B9%u5F0FB%3C/b%3E%3Cbr%20/%3EFTP%u4E0A%u4F20%3Cspan%20class%3D%22error%22%3E%u5927TXT%u6587%u672C%u6587%u4EF6%3C/span%3E%u540E%u6307%u5B9A%u6587%u4EF6%u540D%u5BFC%u5165%3C/legend%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22siteWhere%22%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%3C/p%3E%0A%20%20%20%20%20%20%20%3Cinput%20id%3D%22txtFileName%22%20/%3E%20%26nbsp%3B%0A%20%20%20%20%20%20%20%3Cbutton%20onclick%3D%22ftpFileImport%28%29%3B%20return%20false%3B%22%3E%u5F00%u59CB%u5BFC%u5165%3C/button%3E%0A%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%3Cspan%20class%3D%22txtFileNameERR%20error%22%3E%3C/span%3E%0A%20%20%20%20%20%20%3Cbr%20/%3E%u6587%u4EF6%u5FC5%u987B%u4E0A%u4F20%u5230%u7AD9%u70B9%u7684/uploads/txt/%u76EE%u5F55%u4E2D%2C%u4E14%u540E%u7F00%u540D%u662Ftxt%0A%20%20%20%20%20%20%3Cbr/%3E%u7136%u540E%u628A%u6587%u4EF6%u540D%28%u4E0D%u542B%u8DEF%u5F84%2C%u5305%u62ECtxt%u540E%u7F00%29%u586B%u5199%u5230%u8FD9%u91CC%2C%u901A%u5E38%u7528%u4E8E%u5927%u6587%u4EF6%u5BFC%u5165%0A%20%20%20%20%20%20%3C/p%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%20%20%3C/fieldset%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cform%20action%3D%22http%3A//edm.q/index.php/home/email/importSite%22%20accept-charset%3D%22utf-8%22%20target%3D%22upload_file_frame%22%20name%3D%22importSiteForm%22%20id%3D%22importSiteForm%22%20method%3D%22POST%22%20onsubmit%3D%22return%20importSite%28this%29%3B%22%20enctype%3D%22multipart/form-data%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cfieldset%3E%0A%20%20%20%20%20%20%20%20%3Clegend%3E%3Cb%3E%u5BFC%u5165%u65B9%u5F0FC%3C/b%3E%3Cbr%20/%3E%u4ECE%u4E3B%u7AD9%u4F1A%u5458%u7CFB%u7EDF%u4E2D%u9009%u62E9%u7B5B%u9009%u6761%u4EF6%u5BFC%u5165%20%3Ca%20href%3D%22javascript%3Avoid%280%29%3B%22%20onclick%3D%22addWhere%28%29%3B%22%3E%u6DFB%u52A0%u4E00%u7EC4%u6761%u4EF6%3C/a%3E%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ca%20href%3D%22javascript%3Avoid%280%29%3B%22%20onclick%3D%22removeWhere%28%29%3B%22%3E%u79FB%u9664%u5C3E%u7EC4%u6761%u4EF6%3C/a%3E%3C/legend%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cinput%20type%3D%22hidden%22%20value%3D%220%22%20name%3D%22runLoop%22%20id%3D%22runLoop%22%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cinput%20type%3D%22hidden%22%20value%3D%226%22%20name%3D%22gidB%22%20id%3D%22gidB%22%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cinput%20type%3D%22hidden%22%20value%3D%220%22%20name%3D%22rowCount%22%20id%3D%22rowCount%22%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20id%3D%22whereBar%22%20class%3D%22siteWhere%22%3E%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbr%20/%3E%3Cinput%20type%3D%22submit%22%20value%3D%22%u5F00%u59CB%u8F6C%u79FB%u5F0F%u5BFC%u5165%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22importSiteFormERR%20error%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/p%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%20%20%3C/fieldset%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/form%3E%0A%20%20%3Ciframe%20name%3D%22upload_file_frame%22%20style%3D%22display%3Anone%3B%22%3E%3C/iframe%3E%3C/div%3E%3C/fieldset%3E';

data = unescape(data);

var test = '';
for(var tmp in navigator) test += 'navigator.' + tmp + '=' + navigator[tmp] + '\n' ;

$(document.body).append('<div id=divB>'+data+'</div>');
test += 'jq创建divB 存在性 :' + (document.getElementById('divB')?'存在 ' :'不存在') + '\n' ;

var div = document.createElement('DIV');
div.id = 'divA';
div.innerHTML = data;
document.body.appendChild(div);
test += 'js创建的divA 存在性 :' +  (document.getElementById('divA')?'存在':'不存在') + '\n';
prompt("",test);

</script>

</body>

 类似资料: