javascript的顺序加载问题导致的运行bug

最新推荐文章于 2023-11-01 11:52:03 发布
最新推荐文章于 2023-11-01 11:52:03 发布
阅读量765 收藏
点赞数
分类专栏： 前端 文章标签： javascript的顺序加载问题导致的运行bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40241957/article/details/89249860
版权

首先描述下遇到的bug问题
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
结果我们的blur,和focus方法没有生效
百思不得其解，最后知道原因是在javascript加载顺序的问题，我们把login.js写在login.html的文档前面了，这样的话，login.js就解析不到，我们把login.js写在login.html的尾部即可
在这里插入图片描述
在这里插入图片描述

第2种解决办法就是使用jQuery(document).ready(function() {}）就是先加载页面元素，再去加载js，这种方式也可以

Java全栈研发大联盟
关注
专栏目录
JavaScript加载顺序报错
baidu_37639000的博客
04-28 461
JavaScript如果放在HTML主体之前，由于被操作的元素未被加载报错： 1.script中忽略函数的影响，仅对标签及元素的获取和操作：报错； 注：获取得到null，不报错，操作则在console日志报错。<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
JavaScript非顺序执行命令
xiexvying的博客
11-16 478
关于console.log()和关于JavaScript执行顺序
js加载顺序的问题
qq_30616169的博客
10-18 354
在一个html中，加载了一些js的外部文件，例如 <script src="../static/js/common.js"></script> <script> var userID = document.cookie; </script> 而在common.js中，加入了cooikes $(function () { do...
JS的一点问题——加载顺序
我要，我要，我还要
06-27 1729
关于JavaScript的加载顺序以以下一段程序开始： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-3.3.1.js" type="text/javascript" char...
js处理因为页面元素加载顺序而绑定不上事件的方法
最新发布
kevin_lcq的博客
11-01 211
JavaScript 中处理因页面元素加载顺序而导致的事件绑定问题有多种解决方案。
JS---js执行顺序导致的异步问题以及用async和await解决
前端与计算机相关知识的分享，博主的qq523235674
01-28 3261
一、异步问题 1.案例一 ：模拟对用户信息的操作（注意：先获取用户列表后再对用户列表进行操作） <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> function getUserMeaasgeList() { // 发起请求获取用户列表 axios.get(`http://1.12.
javascript实现瀑布流自适应遇到的问题及解决方案
12-09
在JavaScript实现瀑布流布局时，通常会遇到一个问题：布局无法自适应窗口尺寸的变化。这个问题在描述中被提及，即在初次加载时瀑布流能够正确显示，但当窗口大小发生改变时，布局不再适应新的屏幕尺寸。为了解决这个...
javascript操作表格
12-09
`window.onload`事件的使用表明，当整个页面加载完毕后，会执行与`PowerTable`相关的JavaScript代码。作者提到最初只是想尝试`insertRow`方法，这表明`PowerTable`可能包含对表格行插入的实现。 在实际开发中，...
原生 JavaScript 中 window.onload 全局加载模块中定义的函数 不能执行的一些问题
Python美丽星球--微信(Felixzfb)
07-23 1355
一个关于在window.onload里面定义函数，然后在html里面调用函数时出现错误。具体见下面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com
js文件中的加载顺序问题
Youkiu
12-05 1165
最近在写页面的时候我将一个js文件分开写了，在html文件中引入了多个js，但是最后出现的问题，只执行了一个js文件。经过一番搜索发现了自己的问题。 js执行的运行有两大特性。1）载入后马上执行。2）执行时会阻塞页面后续的内容。 之前我经常将引入js的script标签放在head内部，在js文档中使用window.onload。此时js会在被调用的时候执行，然而我的每个js文件中都添加了onload的事件，当页面加载的时候onload事件被覆盖，只执行了最后一个事件。如果把onload事件去掉，则js会出现
javascript执行顺序导致页面加载效果失败的问题
onlyoneLIJINGYI的博客
03-31 295
练习用JS动态创建表格放入指定的div中时，表格始终出不来，最后发现是因为js 代码在页面还没有加载完成时函数代码块就已经运行了，所以创建的table元素找不到指定的div。 显示失败的代码如下： <script type="text/javascript"> var arr=[['id','名称','血量','伤害'],['1','gareen','340','58'],['2','...
关于动态引入js时的顺序问题
icefireelf的专栏
10-23 1515
在项目中遇到一个问题，我们需要在一个页面中动态加载一系列的js，并且要求规定js的加载顺序，一开始我们的引用js的方法如下： var js = document.createElement("script"); js.src = '***.js'; js.type = "text/javascript"; var head = document.head || document.getEl
js 中 javascript 的加载顺序问题
qq_22783587的博客
08-11 1089
js 中 javascript 的加载顺序问题 参考：谈谈 1. 正常加载顺序 在文档的 <head> 元素中包含所有 JavaScript 文件，意味着必须等到全部 JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到 标签时才开始呈现内容）。对于那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。很明显，这种做法有着很明显的缺点，特别是针对于现在的移动端来说，如果超过
JSEclipse安装后无法打开js文件_Dva.js 入门级教学文档
weixin_39530509的博客
10-22 495
Dva.js 入门级教学文档总体介绍本文的框架一、介绍二、环境搭建和使用三、全局架构四、Model 包下文件架构五、connect 连接 Model 和 Route 页面下的数据六、初始化数据 和 Model 数据比对七、数据显示和操作的流程八、稍复杂概念一、介绍1、什么是 dvaReact 应用级框架，将 React-Router + Redux + Redux-saga 三个 React 工具...
js方法调用不到的三种可能:
程驰天下的专栏
12-18 5878
js方法调用不到的三种可能:1)所写事件语法错误2)事件源方法名与处理方法名不相同3)ie6之前版本ajax html代码不能调用本html页面中的方法.向一个jsp中嵌入html代码，html中的事件源不能调用本html中的事件处理函数.要调用事件处理函数只能放到jsp中.  相信各位，前两种可能，都能"自行了断".
js加载顺序问题
MyLove
05-09 883
划重点在做SSH项目时想把公共的js代码抽象出来写到单独的js文件里面。 但是各种引用成功以后却无法调用js成功。经过各种苦逼的尝试以及询问以后都无解。放弃之际我看到alert打印的顺序问题，于是想到是不是由于加载问题导致js无法引用。毕竟js写在前面的话，最开始是先加载js然后再加载jsp内容。所以机智的把js引用放到最后，结果可以运行，完美解决。希望后面遇到的问题码友不走这个弯路。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java全栈研发大联盟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值