window.location.href加loading

使用window.location.href进行页面跳转时，在新页面加载完全之前实现loading效果可以通过以下步骤来实现：

1. 首先，在原页面中创建一个loading元素，可以是一个loading图标或者是一个加载中的提示文字。

2. 在使用window.location.href进行页面跳转之前，使用JavaScript的setTimeout函数设置一个延迟时间，例如100毫秒。

3. 在延迟时间到达后，页面会开始跳转到新的URL。同时，通过JavaScript的document.getElementById获取到loading元素，并将其显示出来，以显示loading效果。

4. 当新页面加载完成后，可以使用JavaScript的window.onload事件监听到页面加载完成的事件。在该事件回调函数中，隐藏loading元素，以展示新页面的内容。

通过以上步骤，可以在使用window.location.href进行页面跳转时，实现一个简单的loading效果，让用户知道页面正在加载中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [window.location.href的用法](https://blog.csdn.net/qq_39668938/article/details/106563110)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [用window.location.href做页面跳转，怎么在新页面加载完全之前实现loading效果？](https://blog.csdn.net/weixin_42583683/article/details/117782033)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]