springcloud acm TCP连接 CK ios regex io sketch up教程 php项目实战 seo计费系统 js键值对数组 mysql新增用户和权限 phpstorm插件 mysql删除存储过程 linux重启mysql python连接mysql mysql 连接 python环境配置 python字符串匹配 java日期 java使用mysql java怎么配置 java数组追加 java中continue java时间戳转换 java怎么配置环境变量 java八大基本数据类型 java架构 java日期格式 pascal教程 acmecadconverter exescope教程 摩斯电码翻译器 微信助力软件 win10计算器下载 自动喊话器 如何给黑白照片上色 go2lan 王者荣耀自动刷冒险 mysql使用教程
当前位置: 首页 > 学习教程  > 编程语言

js文件中的加载顺序问题

2020/12/5 9:38:00 文章标签:

最近在写页面的时候我将一个js文件分开写了,在html文件中引入了多个js,但是最后出现的问题,只执行了一个js文件。经过一番搜索发现了自己的问题。 js执行的运行有两大特性。1)载入后马上执行。2)执行时会阻塞页面后续的…

最近在写页面的时候我将一个js文件分开写了,在html文件中引入了多个js,但是最后出现的问题,只执行了一个js文件。经过一番搜索发现了自己的问题。
js执行的运行有两大特性。1)载入后马上执行。2)执行时会阻塞页面后续的内容
之前我经常将引入js的script标签放在head内部,在js文档中使用window.onload。此时js会在被调用的时候执行,然而我的每个js文件中都添加了onload的事件,当页面加载的时候onload事件被覆盖,只执行了最后一个事件。如果把onload事件去掉,则js会出现找不到对象的错误,这是由于将js文件卸载头部的时候会被优先载入。
发现这个问题以后,我尝试着将js文件写在底部,并且取消每个js文件中的onload事件,最后执行成功。
经过这次,需要注意的是,onload事件是在文档加载后立即触发,如果引入多个js,且每个js中都有onload事件 ,则会发生事件的覆盖,只执行最后一个事件。


本文链接: http://www.dtmao.cc/news_show_450038.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?