html运行页面一直处在加载状态的解决

前两天在制作一个页面的时候，发现左上方浏览器一直在加载，如下图所示：

并且我的一些图片也不显示了

查看代码，引用图片整合部分的图片路径出现错误：

改正如下：

重新运行界面：

界面运行完毕，没有一直进行运行，图片也加载完成了。

这虽然是个很显而易见的问题，图片路径没有正确，但是造成了我们的界面一直处在加载状态，造成这样状态的原因除去我们加载图片路径出现错误的情况，还有一种情况供大家参考：

html文件中引用的代码没有在css中进行定义，尤其是图片引用了无关本路径的图片。

也会出现我们的上述情况。

所以以后出现一直加载状态导致网页中一些图片显示不正常的情况时，需要检查当前页面引用图片代码的路径是否正确，二就是查看是否有无关代码没有定义和无关图片。

html运行页面一直处在加载状态的解决相关推荐

微信小程序下拉刷新页面时的加载状态
案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的案例效果 1.在 app.json中添加样式 "backgroundTe ...
js文件加载显示状态码206，导致页面一直显示加载中
一.问题现象: 用户反馈平台一直显示加载中,无法登录平台,因没有其他用户反馈,且我方验证时可以打开平台,采用了如下方式均未解决问题: 1.换浏览器使用 2.清除浏览器缓存 3.咨询服务部署方是否对用户 ...
vue页面按钮点击后，呈现loading加载状态
按钮点击时呈现加载状态,防止其他误操作. 1.效果图 2.代码实现 (1)按钮添加::loading="loading.listLoading",由这个属性控制加载状态动画 < ...
js后退页面不重新加载_快应用：支持加载单独JS文件的规范思考
当前快应用的项目中,支持加载其它JS文件(通过:require('./foo.js')),然后通过webpack工具处理依赖,最终完成页面JS的构建,其中页面JS包含了引入的所有JS内容: 本文讨论的 ...
【清单】值得「等待」的12个指示加载状态的 js 库
以下优选 GitHub 上高 star 的指示加载状态的 JavaScript 库.另外这里还有10个有意思的 JavaScript 实战小项目供大家学习. 上期入口:一份数据分析学习清单.xls M ...
asp.net 动态创建TextBox控件如何加载状态信息
接着上文Asp.net TextBox的TextChanged事件你真的清楚吗? 这里我们来说说状态数据时如何加载的. 虽然在Control中有调用状态转存的方法,但是这里有一个判断条件 if (_c ...
vue 如何处理两个组件异步问题_Vue异步组件处理路由组件加载状态的解决方案...
vue.js 组件组件(Component)是 Vue.js 最强大的功能之一. 组件可以扩展 HTML 元素,封装可重用的代码. 在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般 ...
vue切换路由不重新渲染_Vue来回切换页面不重新加载 --keep-alive
vue通过路由来回切换两个页面,默认会重新加载当前页面,导致页面不流畅&&加载时间过长等. 而是Vue的内置的一个组件,可以在组件切换过程中将状态保留在内存中,防止重复渲染DOM. 当 ...
JS网页加载状态判断
网页加载状态一共分为5种,分别是: //(未初始化)还没有调用send()方法 1.uninitialized:(Uninitialized) the send( ) method has not y ...
Vue element-loading设置加载状态位置
v-loading位置一直停留在正中间如果div的高度过长,导致用户进入页面非要下滑才能看到加载状态,导致用户体验极差这样我们重新写一个div,专门用来显示加载状态这样用户一进去页面就能看到加载 ...

html运行页面一直处在加载状态的解决

html运行页面一直处在加载状态的解决相关推荐

最新文章

热门文章