超链接跳转页面如何添加加载动画

一、首先，我们来了解一下超链接跳转页面的特性。

超链接实现两个页面间的跳转，例如我现在想从begin.html跳转到end.html页面，在begin里面点击了到end的链接，页面会在begin页面进行加载，等end全部加载完成后才会跳转到end页面，这个跳转是很快的事，但是加载却需要很长时间，如果end页面的内容很多或者后端算法需要很长时间，那么页面就会一直停留在begin页面，用户会好奇为什么没有过去，如果一直按刷新，就一直过不去。如果是ajax加载的数据的话，可以配合js监听加载事件，先显示容易加载的加载动画，等完全加载后再显示想要显示的东西。但是超链接是直接跳转过去的，这期间是没法加载加载动画的。

二、解决方法

刚刚说的如果没加载完成，超链接跳转是不会跳过去的，会停留在原本的页面，那么我们可以利用这个特性来设置个中间页面loading，这个页面内容非常简洁，只有加载动画而已，所以加载起来会很快，然后我们在loading里面加载需要去的页面end，因为end东西会很多，所以会停留在loading页面，让用户一直看加载动画，end加载完成后再跳转过去，就实现了超链接跳转页面添加加载动画的目的。

三、代码实现

1，begin里面的链接写法