HTML首次加载报错 刷新后正常的问题

最新推荐文章于 2022-08-01 15:36:22 发布
最新推荐文章于 2022-08-01 15:36:22 发布
阅读量1.2k 收藏
点赞数
文章标签： 前端 运维 javascript ViewUI
原文链接：http://www.cnblogs.com/huayuxiaoxiang/p/10766423.html
版权

问题原因：

 

在body标签中引入js文件

因HTML文件加载时若遇到script标签则会转而加载js而暂停HTML文件的加载，导致js中对HTML的操作无法生效报错而加载终止

 

修改方式：

在body标签外,HTML标签内加载js文件，则不会触发此错误

因HTML文本已加载完毕，而body标签的script标签即使加载遇到错误也会加载后续的scrip标签

 

转载于:https://www.cnblogs.com/huayuxiaoxiang/p/10766423.html

weixin_30390075
关注
nuxt解决首屏加载慢问题_nuxt.js框架踩坑指南
weixin_39868959的博客
11-21 3719
Nuxt官方文档简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(Vue)也可以拥有SEO生命周期众所周知，Vue的生命周期全都跑在客户端(浏览器)，而Nuxt的生命周期有些在服务端(Node)，客户端，甚至两边都在:生命周期流程图，红框内的是Nuxt的生命周期(运行在服务端)，黄框内同时运行在服务端&&客户端上，绿框内则运行在客户端遇到的问题一、从...
关于canvas动画用window.onload事件初始化动画，加载外部字体失败问题的解决方案
qq_46769552的博客
12-30 880
这两天帮别人利用canvas做一个简单的文字动画，碰到了一些问题。将自己踩坑和解决的思路记录如下。
HTML页面加载异常，按F12调试后居然又好了的解决办法！
weixin_30319097的博客
11-29 2355
原因： 你的代码中获取数据那一段应该是有console控制台调用的代码，一般应该是console.log之类的，就是因为这句话在没开F12的时候，console是个undefined的东西就卡在那啦。 解决办法：一般最方便的解决办法就是把这些console的全部删掉，不过这个对后边维护代码不是很好，所以可以通过做个if判断来写console，或者全局的对console的重定义。个人比较推荐在c...
点击加载b.html,刷新后仍然加载b.html
幸福有多远
04-23 371
前言：之前的知识忘记了，现在也没想起来，index.html默认加载a.html,点击导航栏b，加载对应的b.html。需求是，这个状态下，刷新页面任然加载的是b.html，之前是通过hash值判断的，现在忘记怎么做的了，罪过罪过找到资料再更新...
样式文件太大太多，首次加载页面后，样式错乱的解决办法
weixin_30502965的博客
04-16 736
<Script> function reurl(){ url = location.href; //把当前页面的地址赋给变量 url var times = url.split("?"); //分切变量 url 分隔符号为 "?" if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 url += "?1"; //把变量 url 的值加入 ?1 self.loca...
8.困扰很久的二级路由刷新报错问题！
weixin_42191739的博客
07-23 322
二级路由刷新报错 原因：一级路由成了根目录，从而报错 在build/dev.config.js的output中写入publicPath:"/"，重启项目即可。
移动端首次进页面，部分样式刷新后才生效
多多踩坑
12-31 1140
项目：h5 + vue + vant 问题复现：页脚盒子起了类名为 footer 并同时给了 fixed 定位和 flex 样式，发现首次进入该页面时页脚部分样式不对，必须要刷新一下页面，样式才会正常。 分析：起初以为是 fixed 和 flex 会有冲突，于是在 footer 里又套了一层盒子，问题没解决，二次排查，在查看样式时发现 footer 中有默认 padding 并不是我写的，于是将 footer类名改为 foot，问题解决 结论：不确定，但是感觉 footer 类名是有默认样式的，需要尽
ReactJS & dva 项目常见报错问题与解决方法 （react-router 4）
热门推荐
Wu_shuxuan的博客
01-03 1万+
1. 项目中用 dva-cli 生成路由： 命令行：$ dva g route users 报错信息： AssertionError [ERR_ASSERTION]: getRouterTree: component should be one of Router, Route, Redirect, IndexRedirect, IndexRoute at ...
vue首页加载慢优化：预渲染prerender-spa-plugin使用，及解决编译报错,静态资源404，assetsPublicPath相对路径webpack配置问题
兰色的fire
03-19 4881
最近，终于有时间也有机会，去做一下vue框架的首页加载慢，白屏时间长的优化问题。具体优化方案很多，搜一下就有介绍。这儿重点介绍下预渲染的优化方式。 PreRender预渲染是此次优化的重点方式。 使用的是prerender-spa-plugin插件，git地址：https://github.com/chrisvfritz/prerender-spa-plugin 网上此控件的使用也有很多例子...
修改html文件500错误信息,打开网页提示 HTTP500错误的终极解决方法
weixin_28730927的博客
06-09 3074
http 500内部服务器错误说明IIS服务器无法解析ASP代码，访问一个静态页面试试是否也出现这个问题，如果访问静态页面没问题，那就要分以下几种情况来分析了：① 你是否改变过计算机名称。② 站点所在的文件目录是否自定义了安全属性。③ 安装了域控制器后是否调整了域策略。如果是其中的一种情况，请一一将改变的参数设置回来看是否解决问题。如果静态空间也无法访问，则说明解析还没生效．首先你要确定错误的原因...
Vue 页面数据更新延迟问题的解决方法
qq_22841387的博客
11-07 2926
在 Vue 开发过程中，页面数据没有及时更新往往是因为数据没有重置或接口没有重新调用所导致的。通过及时清空数据或再次调用接口获取数据，我们可以有效解决这个问题，确保页面数据的实时性和准确性。希望本文提供的解决方法和注意事项能够帮助你更好地管理 Vue 项目的数据更新问题。
解决vue后台请求的数据，需要手动刷新页面才能显示
过分安静博客
08-01 1万+
解决vue后台请求的数据，需要手动刷新页面才能显示
html标签 资源加载失败,前端资源加载失败优化
weixin_39555715的博客
06-03 1320
Web 项目上线后，开始开门迎客，等待着来自大江南北、有着各式各样网络状态的用户莅临。在千差万别的网络状态中，访问页面难免会遇到前端资源加载失败的情况，占比或许不高，但一遇到，轻则页面样式错乱，重则白屏打不开，影响用户体验感受，紧急情况下甚至影响了用户的工作，属于非常严重的问题。本文将从如何监控加载失败、加载失败如何优化、始终加载失败又该如何处理等问题逐一分析。如何监控资源加载失败方案一：scri...
H5常见问题（微信踩过得坑）
baidu_41601299的博客
04-19 653
参考地址：https://www.cnblogs.com/tonnytong/p/7929243.html
script标签相对于html的位置是否会影响页面加载
lxs_bzdmn的博客
07-14 576
正常情况下，是不影响最终加载的结果的。但无论在哪个位置，script的存在都会影响首屏加载的速度。 1.浏览器的渲染 浏览器在解析时，一般页面会解析三部分内容，即我们常见的html，css以及js。 2.渲染机制 在js高级程序设计里面明确的提到了一段话：解释器在<script>元素内部的所有代码求值完毕以前，页面中其余的内容都不会被浏览器加载或显示。这就意味着什么？在你的dom因为css或者js改变dom中的某些样式时，你在浏览器不会看到页面不断变化的情况。所以，无论是你的script
html样式错乱刷新就好,【报Bug】下拉刷新html标记样式异常
weixin_34125336的博客
06-21 268
详细问题描述下拉刷新，down属性里面若设置html标签，样式则显示不正常重现步骤[步骤][结果]样式异常[期望]能为down里面属性对象设置html标签，且样式不会出现异常运行环境ios 9.3.2[浏览器版本][IDE版本]HBuilder 7.1.2[mui版本]应该是最新的，从最新的HBuilder中新建的附件[代码片段].flushHead{height:300px !important...
echarts图表首次加载不显示，刷新后显示
最新发布
06-06
你好，关于 ECharts 图表首次加载不显示，但刷新后显示的问题，可能有多个原因，以下是一些可能的解决方案： 1. 确认容器大小是否正确设置。如果图表容器的宽度或高度设置不正确，会导致图表无法正常显示。可以尝试在 CSS 中设置容器的宽度和高度，或者在初始化图表时设置宽度和高度： ``` var myChart = echarts.init(document.getElementById('chart'), null, {width: '100%', height: '100%'}); ``` 2. 确认数据是否正确加载。如果图表数据没有正确加载，会导致图表无法正常显示。可以尝试使用浏览器的开发者工具查看数据是否正确加载，或者使用 `console.log()` 输出数据，在控制台查看数据是否正确。 3. 确认图表实例是否正确初始化。如果图表实例没有正确初始化，会导致图表无法正常显示。可以尝试使用 `echarts.init()` 方法初始化图表实例，或者检查初始化参数是否正确设置。 4. 确认是否存在其他 JavaScript 错误。如果页面中存在其他 JavaScript 错误，可能会导致图表无法正常显示。可以尝试使用浏览器的开发者工具查看是否存在其他 JavaScript 错误。 希望以上方案能够帮到你！如果还有其他问题，请随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值