如何prevent的jQuery从取出的＆lt;脚本＆GT;标签 [英] How to prevent jquery from removing the <script> tags
本文介绍了如何prevent的jQuery从取出的＆lt;脚本＆GT;标签的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我如何prevent的jQuery剥了我的JS的默认行为？
函数callBackFunctionLoadPage（数据）
{
VAR数据= $（数据）.find（'＃内容）;
警报（$（数据）的.html（））;
$（＃内容）HTML（数据）;
$（＃页）fadeTo（100,1）。
}
功能loadPage（URL，PARM）
{
//警报（URL）;
loadNextBackInPage_URL =网址;
$（＃网页）fadeTo（100，0.2）。
$。员额（URL，PARM，callBackFunctionLoadPage）;
}
在我的code我想要的标签，但jQuery的剥离出来：
原来的code：
＆LT; DIV ID =内容＆GT;
＆LT; DIV CLASS =邮报＆GT;
＆LT; H1类=头衔＆GT;＆LT; A HREF =＃＆GT;卡纳达语校园＆LT; / A＆GT; - 照片与LT; / H1＆GT;
＆其中，P类=元＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; DIV CLASS =项＆GT;
＆其中p为H.;＆安培; NBSP;＆所述; / P＆GT;
＆LT; DIV ID =画廊＆GT;
＆LT; IMG SRC =图片/相册/ daya_240909_byreg1.jpg＆GT;
＆LT; IMG SRC =图片/相册/组2.JPG＆GT;
＆LT; IMG SRC =图片/相册/ IMG00216-20101025-2001.jpg＆GT;
＆LT; IMG SRC =图片/相册/卡迈勒·哈桑功能于卡纳达语-02.jpg＆GT;
＆LT; IMG SRC =图片/相册/ kannada2.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Nayantara-Kannada.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019502.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019603.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019643.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019644.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Zee的-Kannada- presents-Rajotsava.jpg＆GT;
＆LT; / DIV＆GT;
＆LT;脚本SRC =广场/广场，1.2.3.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本＆GT;
Galleria.loadTheme（'广场/主题/经典/ galleria.classic.min.js'）;
$（＃库）。广场（{
宽度：500，
身高：500
}）;
＆LT; / SCRIPT＆GT;
＆LT; / DIV＆GT;
＆其中，P类=链接＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束内容 - ＆GT;
但是从jQuery的：
＆LT; DIV ID =内容＆GT;
＆LT; DIV CLASS =邮报＆GT;
＆LT; H1类=头衔＆GT;＆LT; A HREF =＃＆GT;卡纳达语校园＆LT; / A＆GT; - 照片与LT; / H1＆GT;
＆其中，P类=元＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; DIV CLASS =项＆GT;
＆其中p为H.;＆安培; NBSP;＆所述; / P＆GT;
＆LT; DIV ID =画廊＆GT;
＆LT; IMG SRC =图片/相册/ daya_240909_byreg1.jpg＆GT;
＆LT; IMG SRC =图片/相册/组2.JPG＆GT;
＆LT; IMG SRC =图片/相册/ IMG00216-20101025-2001.jpg＆GT;
＆LT; IMG SRC =图片/相册/卡迈勒·哈桑功能于卡纳达语-02.jpg＆GT;
＆LT; IMG SRC =图片/相册/ kannada2.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Nayantara-Kannada.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019502.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019603.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019643.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019644.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Zee的-Kannada- presents-Rajotsava.jpg＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆其中，P类=链接＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束内容 - ＆GT;
修改
下面是是越来越加载我实际的html页面
＆LT;！DOCTYPE＆GT;
＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT; HEAD＆GT;
＆LT; META HTTP-当量=内容类型内容=text / html的;字符集= UTF-8/＆GT;
＆LT;冠军＆GT;卡纳达语校园＆LT; /标题＆GT;
＆LT; META NAME =关键词内容=/＆GT;
＆LT;链接相对=图标的href =图像/ icon.jpg/＆GT;
＆LT; META NAME =说明内容=/＆GT;
＆LT;链接的href =style.css文件相对=样式类型=文本/ CSS媒体=屏幕/＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =JS / custom.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT; DIV ID =盒子＆GT;＆LT; A HREF =http://twitter.com/bedupako目标=_空白＆GT;＆LT; IMG SRC =图像/ twitter.pngWIDTH =50高度=50ALT = LONGDESC =http://twitter.com/bedupako边界在Twitter上跟随我们=0/＆GT;＆LT; / A＆GT; ＆LT; A HREF =http://www.youtube.com/user/Bedupako目标=_空白＆GT;＆LT; IMG SRC =图像/ youtube.pngWIDTH =50高度=50ALT =在Twitter上跟随我们LONGDESC =http://www.youtube.com/user/Bedupako边界=0/＆GT;＆LT; / A＆GT; ＆LT; A HREF =http://www.facebook.com/pages/BEDUPAKO/301073813491?ref=ts目标=_空白＆GT;＆LT; IMG SRC =图像/ Facebook的产品Profile.pngWIDTH = 50高度=50ALT =在Twitter上LONGDESC =http://www.facebook.com/pages/BEDUPAKO/301073813491?ref=ts边界=跟随我们0/＆GT;＆LT; / A＆GT ; ＆LT; A HREF =http://www.orkut.com/Community?cmm=98290522目标=_空白＆GT;＆LT; IMG SRC =图像/ orkut.pngWIDTH =50高度=50 ALT =在Twitter上跟随我们LONGDESC =http://www.orkut.com/Community?cmm=98290522边界=0/＆GT;＆LT; / A＆GT;
＆LT; - ！结束箱 - ＆GT;
＆LT; / DIV＆GT;
＆LT;身体GT;
＆LT;！ - 起始头 - ＆GT;
＆LT; DIV ID =头＆GT;
＆LT; DIV ID =搜索＆GT;＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV ID =标志＆GT;
＆LT; H1＆GT;＆LT; A HREF =＃＆GT;卡纳达语校园＆LT; / A＆GT;＆LT; / H1＆GT;＆LT; BR /＆GT;＆LT; BR /＆GT;
＆LT; H2＆GT;卡纳达语卡利，uddaraaagi。 BAAI muchhikondu bhashe maatadi＆LT; / H2＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束标题 - ＆GT;
＆LT;小时/＆GT;
＆LT;！ - 起始页 - ＆GT;
＆LT; DIV ID =页面＆GT;
＆LT; DIV ID =菜单＆GT;
＆LT; UL＆GT;
＆LT;李＆GT;＆LT; A HREF =P =好？的onclick =JavaScript的：（'？P =豪'，NULL）loadPage;返回false;＆GT;家＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =的onclick =P = E？JavaScript的：loadPage（'P = E'，NULL）;返回false;＆GT;活动＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =P = PH 3的onclick =JavaScript的：（'？P = PH，NULL）loadPage;返回false;＆GT;图片＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =P = AB？的onclick =JavaScript的：loadPage（'？P = AB'，NULL）;返回false;＆gt;关于＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =的onclick =P =铜？JavaScript的：loadPage（'？P =铜'，NULL）;返回false;＆GT;联系我们＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT;一href="other_files/change_lang.php?l=k&r=%2Fkoc%2F%3Fp%3Dph">ಕನ್ನಡ</a></li>
＆LT; / UL＆GT;
＆LT; / DIV＆GT; ＆LT; - ！开始的内容 - ＆GT;
＆LT; DIV ID =内容＆GT;
＆LT; DIV CLASS =邮报＆GT;
＆LT; H1类=头衔＆GT;＆LT; A HREF =＃＆GT;卡纳达语校园＆LT; / A＆GT; - 照片与LT; / H1＆GT;
＆其中，P类=元＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; DIV CLASS =项＆GT;
＆其中p为H.;＆安培; NBSP;＆所述; / P＆GT;
＆LT; DIV ID =画廊＆GT;
＆LT; IMG SRC =图片/相册/ daya_240909_byreg1.jpg＆GT;
＆LT; IMG SRC =图片/相册/组2.JPG＆GT;
＆LT; IMG SRC =图片/相册/ IMG00216-20101025-2001.jpg＆GT;
＆LT; IMG SRC =图片/相册/卡迈勒·哈桑功能于卡纳达语-02.jpg＆GT;
＆LT; IMG SRC =图片/相册/ kannada2.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Nayantara-Kannada.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019502.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019603.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019643.jpg＆GT;
＆LT; IMG SRC =图片/相册/ P1019644.jpg＆GT;
＆LT; IMG SRC =图片/相册/ Zee的-Kannada- presents-Rajotsava.jpg＆GT;
＆LT; / DIV＆GT;
＆LT;脚本SRC =广场/广场，1.2.3.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本＆GT;
Galleria.loadTheme（'广场/主题/经典/ galleria.classic.min.js'）;
$（＃库）。广场（{
宽度：500，
身高：500
}）;
＆LT; / SCRIPT＆GT;
＆LT; / DIV＆GT;
＆其中，P类=链接＆GT;＆安培; NBSP;＆LT; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束内容 - ＆GT;
＆LT;！ - 启动栏2 - ＆GT;
＆LT; DIV ID =sidebar2级=侧边栏＆GT;
＆LT; UL＆GT;
＆LT;李＆GT;
＆LT; H2＆GT;＆LT; A HREF = GTP = EV？;注册你的事件＆LT; / A＆GT;＆LT; / H＆GT;
告诉我们，如果你进行任何卡纳达语活动，我们将其更新为我们的观众！
＆LT; /李＆GT;
＆LT;李＆GT;
＆LT; H2＆GT;认购＆LT; / H＆GT;
＆LT;表格ID =Form1上的方法=邮报行动=other_files / add_mailing_list.php＆GT;
＆LT;标签＆gt;
订阅我们的邮件列表：
＆LT;输入类型=文本名称=子邮件ID =子邮件/＆GT;
＆LT;输入类型=提交名称=提交ID =提交值=添加/＆GT;
＆LT;输入类型=隐藏名称=重定向ID =重定向值=％2Fkoc％2F％3Fp％3Dph/＆GT;
＆LT; /标签＆gt;
＆LT; /形式GT;
＆LT; H2＆GT;时事＆LT; / H＆GT;
＆LT; UL＆GT;
＆LT; / UL＆GT;
＆LT; H2＆GT;档案＆LT; / H＆GT;
＆LT; UL＆GT;
＆LT;李＆GT;＆LT; A HREF =P =德和放大器;？ID = 1＆GT;测试＆LT; / A＆GT;＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束侧栏2 - ＆GT;
＆LT; DIV的风格=明确：既;＆GT;＆安培; NBSP;＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT;！ - 尾页 - ＆GT;
＆LT;小时/＆GT;
＆LT; - ！开始页脚 - ＆GT;
＆LT; DIV ID =页脚＆GT;
＆LT; P＆GT;＆安培;复印; 2011版权所有。 ＆功放; NBSP;＆安培;公牛;＆安培; NBSP;以＆lt设计; A HREF =http://ajitah.com/目标=_空白＆GT; Ajitah＆LT; / A＆GT; | ＆所述; A HREF =humans.txt＆GT; humans.txt＆所述; / a取代;＆所述; / P＆GT;
＆LT; / DIV＆GT;
＆LT; - ！结束页脚 - ＆GT;＆LT; /身体GT;
＆LT; / HTML＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
VAR _gaq = _gaq || [];
_gaq.push（['_ setAccount'，'UA-23549810-1']）;
_gaq.push（['_ trackPageview']）;
（功能（） {
VAR GA = document.createElement方法（脚本）; ga.type =文/ JavaScript的; ga.async = TRUE;
ga.src =（将https：== document.location.protocol的https：// SSL：HTTP：// WWW'？）+'。谷歌-analytics.com /的ga.js';
变种S = document.getElementsByTagName（脚本）[0]; s.parentNode.insertBefore（GA，S）;
}）（）;
＆LT; / SCRIPT＆GT;
解决方案
我建议你做不同的事情。首先，AJAX调用是一件好事，因为他们是轻量级的，这样的而不是的加载整个页面，则可以只抓更新的数据，并将它注入必要。如果你得到一个巨大的一套标记包括脚本的你基本上用ajax做一个正常的HTTP页面请求。这就像在超市快线看（10项以内），看到它移动比您目前站在小岛更快，所以你搬到那里。但是，如果你做的每一个要求，你最终转向了快车道成正常的车道。
获取JavaScript的code，从执行服务器通常是你没有正确地思考这个问题，因为你的混合域可怕的征兆。
首先，为什么不直接具有执行每次阿贾克斯下页/画廊的功能？为什么你需要从服务器获取的code？按照我的第一点，为什么不只是获得新的文件名的数组，并从这些建立新的画廊？
如果由于某种原因，你觉得你要继续这样，反正（我应该指出，在这一点上，执行code以这样的方式不仅是不好的做法，但不安全在某些情况下），你可以提取code和EVAL它：
假设还有的code仅一个街区，它的包裹在＆LT;脚本＆GT;＆LT; / SCRIPT＆GT; （未考虑到各种空格和奇怪的字符）：
函数callBackFunctionLoadPage（数据）
{
...
的eval（data.match（/＆其中;脚本＆GT;（*）＆所述; \ /脚本＆GT; / IM）[1]）;
}
更新
jQuery的剔除掉的JavaScript，但它仍然执行它：
$（'＃内容）HTML（'＆LT; DIV＆GT;＆LT;脚本＆GT;警报（你好，世界！）;＆LT; / SCRIPT＆GT;＆LT; / DIV＆GT ;'）;
所以几乎没有任何理由要脚本标记自己，如果已经执行的内容...
更新2（对于非信徒）
VAR scriptDiv = $（'＆LT; DIV＆GT;＆LT;跨度＆GT;＆LT; / SPAN＆GT;＆LT;脚本＆GT;警报（轰！）;＆LT; / SCRIPT＆GT;＆LT; / DIV＆GT;'）;
警报（尚未）; //上面创建，但不执行，直到加入到DOM中
$（身体）追加（scriptDiv）。 //你去那里，证明它是执行
警报（scriptDiv.html（））; //证明剧本被剥夺
How do I prevent the default behaviour of jquery stripping out my JS?
function callBackFunctionLoadPage(data)
{
var data = $(data).find('#content');
alert($(data).html());
$("#content").html(data);
$("#page").fadeTo(100,1);
}
function loadPage(url,parm)
{
//alert(url);
loadNextBackInPage_URL = url;
$("#page").fadeTo(100,.2);
$.post(url,parm,callBackFunctionLoadPage);
}
In my code I want the tags but jquery strips them out:
Original code:
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Kannada on campus</a> - photos</h1>
<p class="meta"> </p>
<div class="entry">
<p> </p>
<div id="gallery">
<img src="images/gallery/daya_240909_byreg1.jpg">
<img src="images/gallery/Group 2.jpg">
<img src="images/gallery/IMG00216-20101025-2001.jpg">
<img src="images/gallery/kamal-hassan-in-kannada-02.jpg">
<img src="images/gallery/kannada2.jpg">
<img src="images/gallery/Nayantara-Kannada.jpg">
<img src="images/gallery/P1019502.jpg">
<img src="images/gallery/P1019603.jpg">
<img src="images/gallery/P1019643.jpg">
<img src="images/gallery/P1019644.jpg">
<img src="images/gallery/Zee-Kannada-Presents-Rajotsava.jpg">
</div>
<script src="galleria/galleria-1.2.3.min.js"></script>
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
$("#gallery").galleria({
width: 500,
height: 500
});
</script>
</div>
<p class="links"> </p>
</div>
</div>
<!-- end content -->
But From jquery:
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Kannada on campus</a> - photos</h1>
<p class="meta"> </p>
<div class="entry">
<p> </p>
<div id="gallery">
<img src="images/gallery/daya_240909_byreg1.jpg">
<img src="images/gallery/Group 2.jpg">
<img src="images/gallery/IMG00216-20101025-2001.jpg">
<img src="images/gallery/kamal-hassan-in-kannada-02.jpg">
<img src="images/gallery/kannada2.jpg">
<img src="images/gallery/Nayantara-Kannada.jpg">
<img src="images/gallery/P1019502.jpg">
<img src="images/gallery/P1019603.jpg">
<img src="images/gallery/P1019643.jpg">
<img src="images/gallery/P1019644.jpg">
<img src="images/gallery/Zee-Kannada-Presents-Rajotsava.jpg">
</div>
</div>
<p class="links"> </p>
</div>
</div>
<!-- end content -->
EDIT
Here is my actual html page that's getting loaded
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Kannada on campus</title>
<meta name="keywords" content="" />
<link rel="icon" href="images/icon.jpg"/>
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
<div id="box"><a href="http://twitter.com/bedupako" target="_blank"><img src="images/twitter.png" width="50" height="50" alt="Follow us on twitter" longdesc="http://twitter.com/bedupako" border="0" /></a> <a href="http://www.youtube.com/user/Bedupako" target="_blank"><img src="images/youtube.png" width="50" height="50" alt="Follow us on twitter" longdesc="http://www.youtube.com/user/Bedupako" border="0" /></a> <a href="http://www.facebook.com/pages/BEDUPAKO/301073813491?ref=ts" target="_blank"><img src="images/Facebook Product Profile.png" width="50" height="50" alt="Follow us on twitter" longdesc="http://www.facebook.com/pages/BEDUPAKO/301073813491?ref=ts" border="0" /></a> <a href="http://www.orkut.com/Community?cmm=98290522" target="_blank"><img src="images/orkut.png" width="50" height="50" alt="Follow us on twitter" longdesc="http://www.orkut.com/Community?cmm=98290522" border="0" /></a>
<!--end box-->
</div>
<body>
<!-- start header -->
<div id="header">
<div id="search"></div>
</div>
<div id="logo">
<h1><a href="#">Kannada on campus</a></h1><br /><br />
<h2>Kannada kali, uddaraaagi. Baai muchhikondu bhashe maatadi.</h2>
</div>
<!-- end header -->
<hr />
<!-- start page -->
<div id="page">
<div id="menu">
<ul>
<li><a href="?p=ho" onclick="javascript:loadPage('?p=ho',null);return false;">Home</a></li>
<li><a href="?p=e" onclick="javascript:loadPage('?p=e',null);return false;">Events</a></li>
<li><a href="?p=ph" onclick="javascript:loadPage('?p=ph',null);return false;">Photos</a></li>
<li><a href="?p=ab" onclick="javascript:loadPage('?p=ab',null);return false;">About</a></li>
<li><a href="?p=cu" onclick="javascript:loadPage('?p=cu',null);return false;">Contact Us</a></li>
<li><a href="other_files/change_lang.php?l=k&r=%2Fkoc%2F%3Fp%3Dph">ಕನ್ನಡ</a></li>
</ul>
</div> <!-- start content -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Kannada on campus</a> - photos</h1>
<p class="meta"> </p>
<div class="entry">
<p> </p>
<div id="gallery">
<img src="images/gallery/daya_240909_byreg1.jpg">
<img src="images/gallery/Group 2.jpg">
<img src="images/gallery/IMG00216-20101025-2001.jpg">
<img src="images/gallery/kamal-hassan-in-kannada-02.jpg">
<img src="images/gallery/kannada2.jpg">
<img src="images/gallery/Nayantara-Kannada.jpg">
<img src="images/gallery/P1019502.jpg">
<img src="images/gallery/P1019603.jpg">
<img src="images/gallery/P1019643.jpg">
<img src="images/gallery/P1019644.jpg">
<img src="images/gallery/Zee-Kannada-Presents-Rajotsava.jpg">
</div>
<script src="galleria/galleria-1.2.3.min.js"></script>
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
$("#gallery").galleria({
width: 500,
height: 500
});
</script>
</div>
<p class="links"> </p>
</div>
</div>
<!-- end content -->
<!-- start sidebar two -->
<div id="sidebar2" class="sidebar">
<ul>
<li>
<h2><a href="?p=ev">Register you event</a></h2>
Tell us if you are conducting any kannada event and we will update it to our audience!
</li>
<li>
<h2>Subscription</h2>
<form id="form1" method="post" action="other_files/add_mailing_list.php">
<label>
Subscribe to our mailing list:
<input type="text" name="sub-email" id="sub-email" />
<input type="submit" name="submit" id="submit" value=" Add " />
<input type="hidden" name="redirect" id="redirect" value="%2Fkoc%2F%3Fp%3Dph" />
</label>
</form>
<h2>Current Events</h2>
<ul>
</ul>
<h2>archives</h2>
<ul>
<li><a href="?p=de&id=1">test</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar two -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<hr />
<!-- start footer -->
<div id="footer">
<p>©2011 All Rights Reserved. • Designed by <a href="http://ajitah.com/" target="_blank">Ajitah</a> | <a href="humans.txt">humans.txt</a></p>
</div>
<!-- end footer --></body>
</html>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23549810-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
解决方案
I suggest you do things differently. Firstly, ajax calls are good because they're lightweight, so instead of loading a whole page, you can just grab the updated data and inject it where necessary. If you're getting a giant set of markup including scripts you're essentially using ajax to do a normal http page request. That's like looking at the fast line in the supermarket (10 items or less) and seeing it move faster than the isle you're currently standing in, so you move there. But if you do that for every request, you end up turning the fast lane into a normal lane.
Getting javascript code from the server to execute is usually a sign that you're not thinking correctly about the problem, since your mixing domains horribly.
Firstly, why not just have a function that executes every time you ajax the next page/gallery in? Why do you need to get the code from the server? In accordance with my first point, why not just get an array of new filenames and build the new gallery from those?
If for some reason you feel you want to continue this way anyway (I should point out at this point that executing code in such a manner is not just bad practise but unsafe in certain circumstances), you can extract the code and eval it:
Assuming there's only one block of code, and it's wrapped in <script></script> (which is not taking into account all sorts of whitespace and funny characters):
function callBackFunctionLoadPage(data)
{
...
eval(data.match(/<script>(.*)<\/script>/im)[1]);
}
UPDATE
jquery strips out the javascript but it still executes it:
$('#content').html('<div><script>alert("hello, world!");</script></div>');
So there is almost no reason to want the script tags themselves if their content is already executed...
UPDATE 2 (for non-believers)
var scriptDiv = $('<div><span></span><script>alert("boom!");</script></div>');
alert("not yet"); // the above is created but not executed until added to the DOM
$('body').append(scriptDiv); // there you go, proof that it is executed
alert(scriptDiv.html()); // to prove that the script was stripped
这篇关于如何prevent的jQuery从取出的＆lt;脚本＆GT;标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
