javascript - window.location.href を使用してページにジャンプする場合、新しいページが完全に読み込まれる前に読み込み効果を実現するにはどうすればよいですか?

Question

window.location.href を使用してページ ジャンプを行う場合、新しいページが完全に読み込まれる前に読み込み効果を実現するにはどうすればよいですか?

Answer 1

私だったら、こうします:
1. window.location.href がジャンプするページに読み込み効果を追加できます。
2. window.location.href ジャンプ ページのコンテンツを変更する方法がない場合は、ajax を使用してページをリクエストし、現在のページに HTML を挿入し、ページのリクエスト時にロードします。

Answer 2

location.href ジャンプによりページが完全に更新されますが、これは前のページとは何の関係もありません。

ページは上から下に解析されます。loading が上部にある場合は、当然最初に読み込まれます。ただし、画像が使用される場合、画像は非同期でダウンロードされるため、順序を制御できず、画像が通過する可能性があります。一瞬で。

どうしても表示する必要がある場合は、画像以外の読み込みを使用し、最初に他のコンテンツを非表示にして読み込みのみを表示し、読み込みが完全にトリガーされた後に表示することができます。

Answer 3

window.location.href去完成页面的跳转，这是瞬发的，所以在跳转页(A)做loadingの使用は信頼できません。

それでloading效果是应该放到被跳转页(B)来做。但是img标签src属性是异步的，如果不是用js去控制的话，那么这时你也无法保证img加载的时间，这个时候可以试着用直接写进模板文件当中的css的loading效果来做，等页面加载完了之后关掉css的loading効果。

Answer 4

これには互換性要件はありますか?ジャンプにローディングレイヤーを追加してjsで制御することもできます
例を書きました:
https://www.mnzld.net/demo/lo...