重新渲染一个网页

Question

我想知道是否有办法再次渲染一个网页，从而再次调用所有的onload事件，并重新绘制CSS？

例如，假设您更改了链接到onload事件的javascript文件的路径，并且编辑后的页面需要重新加载而无需刷新，以使更改生效。

Answer 1

测试，现在正在努力：

function fireEvent(element,event){ 
    if (document.createEventObject){ 
    // dispatch for IE 
    var evt = document.createEventObject(); 
    return element.fireEvent('on'+event,evt) 
    } 
    else{ 
    // dispatch for firefox + others 
    var evt = document.createEvent("HTMLEvents"); 
    evt.initEvent(event, true, true); // event type,bubbling,cancelable 
    return !element.dispatchEvent(evt); 
    } 
} 

setTimeout(function(){ 

    var links = document.getElementsByTagName("link"); 
    var st = []; 
    for(var x=0;x<links.length;x++) 
    if(links[x].getAttribute("rel") == "stylesheet") 
    { 
     st.push(links[x]); 
     links[x].wasAtt = links[x].getAttribute("href"); 
     links[x].setAttribute("href", ""); 
    } 
    setTimeout(function() 
    { 
     for(var x =0;x<st.length;x++) 
      st[x].setAttribute("href", st[x].wasAtt); 
     setTimeout(function(){ 
      fireEvent(window, "load"); 
     },1000); 
    },1000); 
},5000); // test reload after five seconds 

Answer 2

“无刷新刷新”听起来有点让我困惑。

但是，我不知道这是你在找什么，但window.location.reload()触发一个页面重新加载，因此会加载你的链接的JavaScript文件。

但是改变链接文件并重新加载页面并不是一件好事。如果你的动态文件像使用Ajax一样以动态方式加载，会更好。所以你不需要重新加载整个页面。像JQuery，ExtJS或其他框架提供了方法来做到这一点很容易。