Javascript 页面转换完成后调用外部JS文件

Javascript 页面转换完成后调用外部JS文件,javascript,load,external,transition,Javascript,Load,External,Transition,我尝试过实现这种脚本(页面转换): 一切都很好,演示提供。但我唯一不能解决的问题是: 我有两个HTML文件,分别是index.HTML和index2.HTML。在index.html上,我放置了带有页面转换效果的链接,单击后它会转到index2.html,该链接位于index2.html上,我使用body-On-load方法将其放入一些警报脚本中 据推测,在正常实践中,警报将显示为我们在调试时看到的正常警报。但它看起来什么都没有。页面转换完成后,它似乎不会加载任何脚本 有人能给我一个解决这个问题

我尝试过实现这种脚本(页面转换):

一切都很好,演示提供。但我唯一不能解决的问题是:

我有两个HTML文件,分别是index.HTML和index2.HTML。在index.html上,我放置了带有页面转换效果的链接,单击后它会转到index2.html,该链接位于index2.html上,我使用body-On-load方法将其放入一些警报脚本中

据推测,在正常实践中,警报将显示为我们在调试时看到的正常警报。但它看起来什么都没有。页面转换完成后,它似乎不会加载任何脚本

有人能给我一个解决这个问题的线索吗?我尝试使用的是:

location.reload();window.location.reload();等直到我没有办法解决这个问题:(

*location.reload()在桌面浏览器上可用,但在移动设备上不可用。我的优先目标浏览器在移动版本上

请帮忙,非常感谢


出于演示目的,需要帮助:

由于页面从未真正加载,因此未执行该脚本。页面转换脚本的工作方式是通过ajax加载目标页面的内容,并用它替换页面的全部内容

从您提供的页面来看,脚本似乎接受了一个回调函数,当页面加载完成时将调用该函数,您可以将“加载”的脚本放在那里。但请记住,正在执行的是第一个页面上的脚本


我不知道你想做什么,但我想你最好找一个合适的带有URL匹配的单页应用。有这样的框架可以帮助你做到这一点。

Yerrpp..我同意你的观点@that_guy。这个脚本提供了回调方法,我们可以把“加载”的脚本放在那里。但就像你说的,它会在第一个页面上执行“加载”。因此,我的目标是进行页面转换,然后在转换页面完成后(转到第二个HTML页面),它将加载第二个页面上的任何脚本。我不知道如何解决此类难题..:(据我所见,您传递的唯一函数是一个名为
onTransitionFinished
的空函数,当然它什么都不做。哈哈……我之所以将其设置为空,是因为我不知道还要添加什么。在页面转换完成后,我花了很多时间在第二页加载外部JS。最后,我将其设置为空,供任何人测试。:)使用现在使用的方法,现在有了执行Javascript“onload”的方法,因为该页从未加载。您基本上仍在第一页,因此,您也需要将脚本放在那里。您可以做的是尝试从第二页提取脚本并在其上运行
eval
。更多信息:我还注意到您使用的库中有一个bug。在chrome上,回调也被调用第一页加载。