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

Question

代码是这样的
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函数之后发送了请求插入了片段到一个div中。首页的js能够正常运行(就是main.html片段中的js能够正常执行)。但是当我点击导航栏的其它页面再回到localhost:7777/#/main 的时候插入的html中的js不再执行？请问下这是为什么？困扰了我几天的问题希望有大大帮助看看。

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

Answer 1

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