If it were me, I would do this: 1. You can add the loading effect to the page that window.location.href jumps to. 2. If there is no way to modify the content of the window.location.href jump page, I will use ajax to request the page, insert the html into the current page, and load it at the time of requesting the page.
The location.href jump will cause the page to be completely refreshed, which has nothing to do with the previous page.
The page is parsed from top to bottom. If loading is placed at the top, it will naturally be loaded first. However, if images are used, the images are downloaded asynchronously, so the order cannot be controlled and the images may pass by in a flash.
If you must see it, you can use non-picture loading, then hide other content first, only the loading appears, and then display it after the loading is completely triggered.
Do you have any compatibility requirements for this? You can also add a loading layer to the jump and control it with js I wrote an example: https://www.mnzld.net/demo/lo...
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
If it were me, I would do this:
1. You can add the loading effect to the page that window.location.href jumps to.
2. If there is no way to modify the content of the window.location.href jump page, I will use ajax to request the page, insert the html into the current page, and load it at the time of requesting the page.
The location.href jump will cause the page to be completely refreshed, which has nothing to do with the previous page.
The page is parsed from top to bottom. If loading is placed at the top, it will naturally be loaded first. However, if images are used, the images are downloaded asynchronously, so the order cannot be controlled and the images may pass by in a flash.
If you must see it, you can use non-picture loading, then hide other content first, only the loading appears, and then display it after the loading is completely triggered.
Using
window.location.href去完成页面的跳转，这是瞬发的，所以在跳转页(A)做loadingis unreliable.So
loading效果是应该放到被跳转页(B)来做。但是img标签src属性是异步的，如果不是用js去控制的话，那么这时你也无法保证img加载的时间，这个时候可以试着用直接写进模板文件当中的css的loading效果来做，等页面加载完了之后关掉css的loadingeffect.Do you have any compatibility requirements for this? You can also add a loading layer to the jump and control it with js
I wrote an example:
https://www.mnzld.net/demo/lo...