jquery的html,append函数会将传入的参数中的js过滤

code1:test1.html
<link rel="stylesheet" href="/web/newversion/css/dzq-style.css" type="text/css">
<script type="text/javascript" src="/web/newversion/test.js"></script>
<title>图片浏览</title>
<script type="text/javascript">
$(document).ready(function(){
	Test.init();
	$("#click_me").click(function(){
		alert(1)
	})
})

</script>

然后在test2.html中通过ajax将test1.html的内容加载过来然后append到div中,发现js没有被append到div中。通过查看jquery源码发现jquery将执行后的js直接移除掉了。

jquery.1.7.js代码:

function evalScript( i, elem ) {
	if ( elem.src ) {
		//通过ajax方式来执行js
		jQuery.ajax({
			url: elem.src,
			async: false,
			dataType: "script"
		});
	} else {
		jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
	}

	if ( elem.parentNode ) {
		//移除掉js
		//elem.parentNode.removeChild( elem );
	}
}
如果想取jquery动态加载的html中的script时,还需要修改jqueryr的clean函数的代码

if ( fragment ) {
			checkScriptType = function( elem ) {
				return !elem.type || rscriptType.test( elem.type );
			};
			for ( i = 0; ret[i]; i++ ) {
				if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
					scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );

				} else {
					if ( ret[i].nodeType === 1 ) {
						var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );

						ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
					}
					//移动外面,特殊情况,特殊处理。
					//fragment.appendChild( ret[i] );
				}
				fragment.appendChild( ret[i] );
			}
		}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值