ajax载入html后不能执行js,解决ajax动态加载中JavaScript方法不执行失效

最近在研究ajax的应用,在新加载的页面中,JS失效了,故此去寻找解决办法,特此分享。

具体原因是因为,ajax载入新的页面之前,js就已经加载完了,因此事件没能绑定载入到新的dom上,因此只要重新绑定下就可以了。

所以在此定义一个方法,在使用ajax获得新页面数据data的时候,把数据作为参数传入此方法中,就能重新绑定执行javascript了。

下面看代码:

function executeScript(html){

reg = /

//对整段HTML片段按<\/script>拆分

htmlBlock = html.split("<\/script>");

for (i in htmlBlock){

blocks;//匹配正则表达式的内容数组,blocks[1]就是真正的一段脚本内容,因为前面reg定义我们用了括号进行了捕获分组

if (blocks = htmlBlock[i].match(reg)){

//清除可能存在的注释标记,对于注释结尾-->可以忽略处理,eval一样能正常工作

code = blocks[1].replace(/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值