首页  >  问答  >  正文

javascript - ajax加载的html内容中包含js的问题

代码是这样的
export function init(){

window.onhashchange = function(){
    var hash = location.hash;
    if(location.href.indexOf('?') !== -1){
        hash = location.href.substring(location.href.indexOf('#')+1,location.href.indexOf('?'))
    }else{
        hash = hash.substring(1,hash.length);
    }
    
    loadHtmlData(hash);    
}

 

}
function loadHtmlData(page){

  
$.get(page + '.html',function(data){
    $('#ajaxContainer').html(data);
},"html");

}

现在使用hash + ajax的方式做单页,我进入页面的地址为localhost:7777/ 之后我进行了 location.hash ='#main'操作,这时候触发了onhashchange函数之后发送了请求插入了片段到一个p中。首页的js能够正常运行(就是main.html片段中的js能够正常执行)。但是当我点击导航栏的其它页面再回到localhost:7777/#/main 的时候插入的html中的js不再执行?请问下这是为什么?困扰了我几天的问题希望有大大帮助看看。

说明:页面中的js都是通过webpack中的HtmlwebpackPlugin插件插入的

阿神阿神2769 天前355

全部回复(1)我来回复

  • 迷茫

    迷茫2017-04-11 12:20:12

    是不是缓存,你在请求url那每次加个随机数试试,因为get请求默认是缓存的。

    回复
    0
  • 取消回复