window.location.href 下载加载时加loading

在使用window.location.href进行页面跳转时，如果想要在新页面加载完全之前实现loading效果，可以采取以下方法：

1. 使用CSS样式实现loading效果：在页面中加入一个loading元素，通过设置其样式为loading效果，比如旋转或闪烁的动画。在跳转页面之前，通过JavaScript动态添加loading元素到页面中，并在新页面加载完全后移除loading元素。

2. 使用AJAX请求页面并插入到当前页面：如果不希望改变window.location.href跳转页面的内容，可以使用AJAX请求要跳转的页面，并将返回的HTML内容插入到当前页面中。在请求页面的过程中，可以显示loading效果，等待页面加载完成后再显示插入的内容。

3. 使用DOMContentLoaded事件：在新页面加载完全触发DOMContentLoaded事件时，再显示页面内容。可以在跳转页面之前先隐藏其他内容，只显示loading元素，等待新页面加载完全后，通过监听DOMContentLoaded事件，将loading元素隐藏并显示页面内容。

这些方法可以根据具体需求选择使用，以实现在使用window.location.href进行页面跳转时加入loading效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [用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: 100%"]
[ .reference_list ]