javascript - Apabila menggunakan window.location.href untuk melompat ke halaman, bagaimana untuk mencapai kesan pemuatan sebelum halaman baharu dimuatkan sepenuhnya?

Question

Menggunakan window.location.href untuk membuat lompatan halaman, bagaimana untuk mencapai kesan pemuatan sebelum halaman baharu dimuatkan sepenuhnya?

阿神 · Answer

Jika saya, saya akan melakukan ini:
1 Anda boleh menambah kesan pemuatan pada halaman yang window.location.href melompat ke.
2. Jika tiada cara untuk mengubah suai kandungan halaman lompat window.location.href, saya akan menggunakan ajax untuk meminta halaman, memasukkan html ke dalam halaman semasa dan memuatkannya pada masa meminta halaman.

给我你的怀抱 · Answer

Lompatan location.href akan menyebabkan halaman dimuat semula sepenuhnya, yang tiada kaitan dengan halaman sebelumnya.

Halaman dihuraikan dari atas ke bawah Jika pemuatan diletakkan di bahagian atas, ia secara semula jadi akan dimuatkan terlebih dahulu, namun, jika imej digunakan, imej dimuat turun secara tidak segerak, jadi susunan tidak boleh dikawal dan imej mungkin berlalu. dalam sekelip mata.

Jika anda mesti melihatnya, anda boleh menggunakan pemuatan bukan gambar, kemudian sembunyikan kandungan lain dahulu, hanya pemuatan muncul, dan kemudian paparkannya selepas pemuatan dicetuskan sepenuhnya.

PHPz · Answer

Gunakan window.location.href untuk melengkapkan lompatan halaman Ini serta-merta, jadi tidak boleh dipercayai untuk melakukan loading pada halaman lompat (A). window.location.href去完成页面的跳转，这是瞬发的，所以在跳转页(A)做loading是不靠谱的。

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

Kemudian kesan loading hendaklah diletakkan pada halaman yang akan diubah hala (B). Walau bagaimanapun, atribut src bagi teg img adalah tidak segerak Jika ia tidak dikawal oleh js, maka anda tidak boleh menjamin bahawa

img < /code> masa memuatkan, pada masa ini anda boleh cuba menggunakan kesan loading css yang ditulis terus ke dalam fail templat dan mematikan  selepas halaman sedang dimuatkan. Kesan loading css. 🎜

迷茫 · Answer

Adakah anda mempunyai sebarang keperluan keserasian untuk ini? Anda juga boleh menambah lapisan pemuatan pada lompatan dan mengawalnya dengan js
Saya menulis contoh:
https://www.mnzld.net/demo/lo...

javascript - Apabila menggunakan window.location.href untuk melompat ke halaman, bagaimana untuk mencapai kesan pemuatan sebelum halaman baharu dimuatkan sepenuhnya?

membalas semua(4)saya akan balas