jQuery html() 메서드를 사용할 수 없으며 내용을 표시할 수 없습니다

$("#content").html(data.content); 
$("#content")[0].innerHTML = data.content;

로그인 후 복사

오늘 jquery의 html 메서드를 사용할 수 없고 가장 기본적인 innerHTML만 사용하여 콘텐츠를 표시할 수 있다는 사실을 발견했습니다. 구체적인 이유는 알 수 없습니다. 표시할 수 없는 HTML은 csdn에서 메일을 받았기 때문입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<title>智能硬件周刊 - 第4期</title> 
<style type="text/css"> 
a:link { 
color: #333; 
text-decoration: none; 
} 

a:hover { 
color: #c00; 
} 

span.hot { 
font-weight: bold; 
} 

.button * { 
vertical-align: middle; 
} 
</style></head> 

<body> 
<div> 
<table align="center" border="0" cellpadding="0" cellspacing="0" width="760"> 
<tbody> 
<tr> 
<td width="540"><a href="http://newsletter.csdn.net/m/news/newsletter/index/13" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank"><img style="cursor: pointer;border: 0px;" alt="" src="http://cms.csdnimg.cn/article/201406/12/539917aecc84c.jpg"></a></td> 
<td width="30"></td> 
<td width="190" style="font-size: 12px; font-family: Microsoft Yahei; line-height: 40px; padding-right: 3px" align="right">2014-07-29 第 
<span style="color: #c00; text-decoration: none;">4</span>期</td> 
</tr> 
<tr> 
<td colspan="3" bgcolor="#cc0000" height="5"></td> 
</tr> 
<tr> 
<td width="540" valign="top"> 
<!-- 资讯速递 --> 
<h1 style="font-family: Microsoft Yahei; font-size: 20px; margin: 20px 0 0 0; font-weight: normal; border-bottom: solid 1px #d1d1d1; color: #c00; padding-bottom: 5px"><img style="margin-right: 5px" alt="" src="http://articles.csdn.net/uploads/allimg/120413/118_120413113016_1.gif">资讯速递 
</h1> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729111725_67948_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;"> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-28/2820881" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">智能硬件生态未成，打造平台为时尚早？</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;"> 
当前的智能硬件产业发展是由创业公司探路，巨头纷纷跟进打造开放平台。但智能硬件市场至今无标杆性产品、开发者及应用前景不明、尚未找到用户“痛点”等特征表明市场仍处于萌芽阶段，打造平台为时尚早。<a href="http://www.csdn.net/article/2014-07-28/2820881" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://download.csdn.net/detail/zhaifangqing/7604351" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">【干货分享】2014深圳Maker Faire“创客与商业”论坛演讲PDF</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;"> 
2014年4月6日至7日，深圳举办Featured级别Maker Faire。在“创客与商业”论坛中，Atmel COO、点名时间CEO、电子新我CEO、Seeed创始人、HAXLR8R创始人、前富士康CEO等人，从Maker文化、众筹、孵化、创业、产品化等角度，分享了所观察、体会，并总结出的故事与经验。<a href="http://download.csdn.net/detail/zhaifangqing/7604351" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-16/2820690-10-best-AR-App" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">增强现实：10大AR应用窥探移动未来</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;"> 
智能手机性能的提升，以及可穿戴设备，尤其是Google Glass的出现，让AR技术再次升温，也让我们在今年看到了不少基于AR技术开发的新应用。本文推荐10款优秀AR应用，其中有不少开发商还来自于传统行业。<a href="http://www.csdn.net/article/2014-07-16/2820690-10-best-AR-App" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-24/2820848-lenovo-3-hardware" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">物联网多了把“新板凳” 联想推三款智能硬件</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;"> 
联想推出“中国最靠谱的互联网创业平台”――联想NBD(New BusinessDevelopment，昵称“新板凳”)。同时，发布了该平台“孵化”的首批三个创新产品：智能眼镜、智能空气净化器和智能路由器。<a href="http://www.csdn.net/article/2014-07-24/2820848-lenovo-3-hardware" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 

<!-- 新锐产品 --> 
<h1 style="font-family: Microsoft Yahei; font-size: 20px; margin: 20px 0 0 0; font-weight: normal; border-bottom: solid 1px #d1d1d1; color: #c00; padding-bottom: 5px"><img style="margin-right: 5px" alt="" src="http://articles.csdn.net/uploads/allimg/120413/118_120413113016_1.gif">新锐产品 
</h1> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729103841_55898_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;"> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="https://www.kickstarter.com/projects/1157856441/table-air&#63;ref=category" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">设计最优美的智能空气净化器 Table Air</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;"> 
这是一款来自深圳的空气净化器，允许用户通过手机进行控制。在每天早晨它会自动检测出空气质量。这款空气净化器的设计与众不同，不像传统的设备那样蠢笨，外观更加简洁。<a href="https://www.kickstarter.com/projects/1157856441/table-air&#63;ref=category" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729102357_10579_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;"> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="https://www.kickstarter.com/projects/261147844/airfy-beacon-imagination-meets-smart-home-automati&#63;ref=category" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">基于iBeacon的智能家居中心 airfy Beacon</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;"> 
苹果在去年就发布了iBeacon，最初它给人们指出的产品方向更偏向于商业，例如在商场、店铺中使用，而这款airfy则是基于该技术的家居产品。它可以作为手机与NEST、IFTTT、hue智能灯等设备的中继站，不同的是，用户只需要走近airfy，就能触发一些功能，比如让灯光变亮、打开音响等。<a href="https://www.kickstarter.com/projects/261147844/airfy-beacon-imagination-meets-smart-home-automati&#63;ref=category" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 
<dl style="padding: 6 0 0 0;margin:0px;clear: both;"> 
<!-- 判断图片是否存在 --> 
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729101200_43505_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;"> 
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;"> 
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://bong.cn/" rel="external nofollow" rel="external nofollow" target="_blank"> 
<span class="hot">可续航一年的智能手环 Bong II</span></a> 
</dt> 
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;"> 
bong梅开二度，在上周发布了第二代手环，售价99元。不过最让人感到兴奋的不是价格，而是可以续航一年的持久力，这是目前可穿戴产品中不多见的。当然，除了续航，bong在功能上也做出了新的改进与创新。<a href="http://bong.cn/" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a> 
</dd> 
</dl> 

<!--dl style="clear: both;"> 
<dt style="color: #333; font-size: 14px; font-family: Microsoft Yahei; margin-top: 5px; line-height: 22px"> 
<img style="margin-right: 10px" alt="" src="http://articles.csdn.net/uploads/allimg/120416/118_120416163515_1.png"> 
<a href="http://club.csdn.net/module/club/cto/bbs/7468" rel="external nofollow" rel="external nofollow" style="text-align: left; color: #333; font-size: 14px; text-decoration: none" target="_blank">被微软正版部门盯上被微软正版部门盯上......</a> 
</dt> 
<dt style="color: #333; font-size: 14px; font-family: Microsoft Yahei; margin-top: 5px; line-height: 22px"> 
<img style="margin-right: 10px" alt="" src="http://articles.csdn.net/uploads/allimg/120416/118_120416163515_1.png"> 
<a href="http://club.csdn.net/module/club/cto/bbs/7468" rel="external nofollow" rel="external nofollow" style="text-align: left; color: #333; font-size: 14px; text-decoration: none" target="_blank">被微软正版部门盯上......</a> 
</dt> 
<dt style="color: #333; font-size: 14px; font-family: Microsoft Yahei; margin-top: 5px; line-height: 22px"> 
<img style="margin-right: 10px" alt="" src="http://articles.csdn.net/uploads/allimg/120416/118_120416163515_1.png"> 
<a href="http://club.csdn.net/module/club/cto/bbs/7464" rel="external nofollow" style="text-align: left; color: #333; font-size: 14px; text-decoration: none" target="_blank">迷失方向，请各位朋友、前辈指导下</a> 
</dt> 
<dt style="color: #333; font-size: 14px; font-family: Microsoft Yahei; margin-top: 5px; line-height: 22px"> 
<img style="margin-right: 10px" alt="" src="http://articles.csdn.net/uploads/allimg/120416/118_120416163515_1.png"> 
<a href="http://club.csdn.net/module/club/cto/bbs/7474" rel="external nofollow" style="text-align: left; color: #333; font-size: 14px; text-decoration: none" target="_blank">《程序员》杂志邀请您参与管理话题讨论，分享您的观点</a> 
</dt> 
</dl--> 
</td> 
<td width="30"></td> 
<td width="190" valign="top"> 
<h3 style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;padding-bottom: 5px;"><a href="http://newsletter.csdn.net/m/news/newsletter/index/13" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank" style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;">关于智能硬件周刊</a></h3> 
<p style="line-height: 22px; font-size: 13px; margin: 5px 0 0 0;">智能硬件周刊是CSDN推出的专辑周刊，萃取硬件领域多方资讯，展现与物联网相关的最新开发技术信息、热门硬件产品和硬件团队故事。更多精彩内容，欢迎访问<a href="http://hardware.csdn.net" rel="external nofollow" target="_blank" style="text-decoration: underline;color: #c00;font-size: 13px;">CSDN智能硬件技术社区</a>。</p> 
<!-- 近期活动 --> 

<h3 style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;padding-bottom: 5px;">近期活动</h3> 
<p style="line-height: 22px; font-size: 13px; margin: 5px 0 0 0;"><a style="color:#333; font-size:13px;text-decoration: underline;font-family: Microsoft Yahei;" target="_blank" href="http://huiyi.csdn.net/activity/product/goods_list&#63;project_id=1203" rel="external nofollow" >【在线培训】HTML5移动应用开发：Cordova应用开发</a><br> 
<span style="font-size: 12px; line-height: 22px; margin-bottom: 20px; color: #999"></span> </p> 
<!-- 微信 --> 
<h3 style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;padding-bottom: 5px;">mobilehub微信</h3> 
<p style="font-size: 12px; text-align:center; font-family: Microsoft Yahei; line-height: 18px; margin-bottom: 15px; color: #999;border: 1px solid #eee;"><img alt="" style="width: 190px; height: 190px; " src="http://cms.csdnimg.cn/article/201406/11/5397f8771d247.jpg"> 
<br>关注了解最新活动信息</p> 
<h3 style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;padding-bottom: 5px;">微博：<a href="http://weibo.com/csdnmobile" rel="external nofollow" target="_blank" style="margin: 20px 0 0 0; font-family: Microsoft Yahei;color: #c00; font-size: 16px; font-weight: normal; text-decoration: none;">@csdnmobile</a></h3> 

<p style="font-size: 12px; font-family: Microsoft Yahei; line-height: 22px; margin-bottom: 20px; color: #999">欢迎订阅CSDN其他技术邮件：<br> 
<a href="http://newsletter.csdn.net/m/news/newsletter/index/1" rel="external nofollow" style="margin-right: 5px; color: rgb(204, 102, 0)" target="_blank"> 
<span style="text-decoration: underline;">移动周刊</span></a>|<a href="http://newsletter.csdn.net/m/news/newsletter/index/12" rel="external nofollow" style="margin-right: 10px; color: rgb(204, 102, 0)" target="_blank"> 
<span style="text-decoration: underline;">移动游戏周刊</span></a><a href="http://newsletter.csdn.net/m/news/newsletter/index/4" rel="external nofollow" style="margin-right: 5px; color: rgb(204, 102, 0)" target="_blank"> 
<br/><span style="text-decoration: underline;">《程序员》速递</span></a>|<a href="http://newsletter.csdn.net/m/news/newsletter/index/2" rel="external nofollow" style="margin-left: 5px; color: rgb(204, 102, 0)" target="_blank"> 
<span style="text-decoration: underline;">云周刊</span></a></p> 
</td> 
</tr> 
<tr> 
<td colspan="2" height="10"></td> 
</tr> 
<tr> 
<td colspan="3" align="center" bgcolor="#ebebeb" style="font-size: 12px; line-height: 20px; padding: 10px 15px; color: rgb(102, 102, 102)"> 
查看<a style="color: rgb(204, 102, 0)" target="_blank" href="http://newsletter.csdn.net/m/news/newsletter/index/13" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span style="text-decoration: underline">智能硬件周刊往期回顾</span></a>，更多精彩内容尽在<a style="color: rgb(204, 102, 0)" href="http://mobile.csdn.net/" rel="external nofollow" target="_blank"><span style="text-decoration: underline;">CSDN移动频道</span></a>。欢迎向您的朋友推荐<a style="color: rgb(204, 102, 0)" href="http://mailfeed.csdn.net/es.ashx&#63;cid=49&email=a@qq.com&op=w" rel="external nofollow" target="_blank"><span style="text-decoration: underline;">订阅</span></a>本邮列表。<br>如果不想再收到该邮件，可以<a style="color: rgb(204, 102, 0)" href="http://mailfeed.csdn.net/es.ashx&#63;cid=49&email=a@qq.com&op=b" rel="external nofollow" target="_blank"><span style="text-decoration: underline;">取消订阅</span></a></td> 
</tr> 
</tbody> 
</table> 
<div style="display:none;"><script src="http://s20.cnzz.com/stat.php&#63;id=5217866&web_id=5217866" language="JavaScript"></script></div> 
</div> 
<img src="http://tracker.csdn.net/edmtracker.aspx&#63;e=%25EMAIL%25&m=3060" width="1" height="1"> 
<div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) &#63; " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_5752922'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s17.cnzz.com/stat.php%3Fid%3D5752922%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></div></body> 
</html> 
<img src="http://tracker.csdn.net/edmtracker.aspx&#63;e=a@qq.com&m=4459" width=1 height=1>

로그인 후 복사

다음은 다른 네티즌들이 추가한 내용입니다.

jQuery는 일반적으로 매우 사용하기 쉽지만 때로는 몇 가지 문제가 있습니다. 예를 들어 jQuery의 html() 메소드는 ie6, ie7 및 ie8 코드에서 html을 설정할 수 없습니다. 이 글에서 언급한 문제는 ie8 이하의 브라우저(ie8 포함)에만 적용됩니다.

1. 어떤 상황에서 IE6, IE7, IE8의 jQuery.html("xxx") 메서드가 html 코드를 설정하지 못합니까?

답변: 로드된 html 코드에서 다음과 같은 상황이 발생하면 ie8(ie8 포함)은 다음과 같이 html 코드를 설정할 수 없습니다.

　a) 설정된 html 코드에는 다음과 같은 다른 js에 대한 참조가 포함되어 있습니다. 유효하지 않습니다.
b) 설정된 HTML 코드에 다음과 같은 js 메서드가 포함되어 있는 경우 function Stone(){ Alert("My name is MT");
c) 설정된 html 코드에는 .Stone ul li{ list-style:none;float:left } 등과 같은 CSS 스타일이 포함되어 있습니다. 설정된 html 코드는 유효하지 않습니다. [추가: 설정된 HTML 코드에 다른 외부

에 대한 참조가 포함된 경우

　　 스타일(예: ), HTML 설정에는 영향을 미치지 않지만 참조된 CSS가 유효하지 않으며 스타일이 없습니다. ]

2. 원인분석 :

답변: jQuery는 단순히 html 집합을 html로 구문 분석하고 다른 요소와 코드에는 주의를 기울이지 않으며, 이로 인해 위의 문제가 발생합니다.

　3. 해결책:

답변: 설정된 js 참조, CSS 참조 및 코드를 제거하면 해결 방법이 해결될 수 있습니다.

【석재 제작 및 배열, 인용 출처를 명시해 주시기 바랍니다. 협조해 주셔서 감사합니다. QQ에 문의하세요: 1370569】