Javascript 如何加载带有转换的新页面？

我想在单击链接时加载带有E预加载程序的外部网页，类似于在站点中单击MetroUI后：

但是有一个完全不同的页面/外部链接

到目前为止，我一直在尝试使用jquery，方法是：

$(function() {
    $("#changepage").click(function() {
        $("#preloader").show();        
        $('body').load('./anotherPage.html');

        return false;
    });
});

但它只加载没有css样式的内容。新页面是一个html游戏，所以还需要新的js导入等

将它们包含在同一文件的不同div中不是一个选项

我怎样才能做到这一点

---

他/她正在使用单页架构。使用backbone.js可以帮助您实现这一点。你知道backbone.js吗？您可以在url

#中看到哈希/royal_Preload

这是一种调用视图并在DOM中呈现它的方法。查看内容的最佳方法是打开开发工具，然后单击一个框，您会看到所有HTML都是相同的，除了

#widget_preview

中的一些HTML更改。你不一定需要脊梁骨，但这会使它更容易。开发人员基本上是隐藏HTML，然后在单击框时显示它。也许开发人员使用的脚本metro.js具有实现此功能的另一种方式，我考虑的方式可能只是定期加载外部页面，但进行一些编程转换，将外部页面的不透明度设置为0，然后在某种回调或随机时间量0.8秒或任何转换时，将正文的不透明度设置为1。谢谢，我不知道backbone.js，我确实想知道这一点#！我以前见过他们，但不知道他们是什么。仍然可以接受建议，但谢谢你的指点。我认为它叫做散列状态，只是触发一个事件，而不是实际发出HTTP请求。它适用于单页架构。老实说，这些是您的选项，根据用户选择的内容在同一页面上呈现HTML，或者向新页面发出HTTP请求，但添加一个转换。如果你的页面被优化并且加载速度很快，它会感觉像是单页面架构。如果有人有别的解决办法，我洗耳恭听，但我对此表示怀疑。