js加载顺序测试

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengyi_L/article/details/46275381 开始学着记录一点东西~虽然用了一段时间的js,但是对其加载的顺序不是很清楚,今天做了一些测试,得出结果如下。
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengyi_L/article/details/46275381

开始学着记录一点东西~

虽然用了一段时间的js,但是对其加载的顺序不是很清楚,今天做了一些测试,得出结果如下。

1.js加载顺序跟其是外部引用还是内部引用没有什么太大的关系,跟其在html页面的位置有关系。

2.顺序总体还是以head > body的顺序加载。

3.$(function(){});内的函数加载在dom树完成之后,若定义了两个ready函数,则根据定义的位置决定先后顺序 head > body 

4.如果出现同名的function定义,若是定义不在ready函数内则后定义的会覆盖前定义的,若是定义在外部文件ready函数内则,ready函数内定义被覆盖。


之前上网看到的结果是页面定义的会覆盖文件定义的,这其实是在外部文件关联统一在头部的情况。

目录
相关文章
|
2月前
|
JavaScript 前端开发 数据格式
期末测试——JavaScript方式练习题
期末测试——JavaScript方式练习题
52 0
|
5月前
|
JavaScript 前端开发 测试技术
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
|
7月前
|
Web App开发 JSON JavaScript
SAP UI5 自动化测试工具的 qunit-redirect.js
SAP UI5 自动化测试工具的 qunit-redirect.js
52 0
|
10月前
|
JavaScript 前端开发 NoSQL
【Node.js实战】一文带你开发博客项目之初识Koa2(koa2安装使用、搭建开发环境、测试路由)
【Node.js实战】一文带你开发博客项目之初识Koa2(koa2安装使用、搭建开发环境、测试路由)
312 0
|
10月前
|
JavaScript 前端开发 BI
JavaScript —— JSchallenger Objects 对象练习(测试一下你的 JS 对象基础)【专题三】
JavaScript —— JSchallenger Objects 对象练习(测试一下你的 JS 对象基础)【专题三】
|
10月前
|
JavaScript 前端开发 网络架构
JavaScript —— JSchallenger Arrays 数组练习(测试一下你的 JS 数组基础)【专题二】
JavaScript —— JSchallenger Arrays 数组练习(测试一下你的 JS 数组基础)【专题二】
|
10月前
|
JavaScript 前端开发 Java
JavaScript —— JSchallenger Basics 基础练习(测试一下你的 JS 基础)【专题一】
JavaScript —— JSchallenger Basics 基础练习(测试一下你的 JS 基础)【专题一】
|
CDN
Vue3.js快速开发CDN引入测试模板
Vue3.js快速开发CDN引入测试模板
356 0
|
前端开发
前端知识案例54-javascript基础语法-数组测试
前端知识案例54-javascript基础语法-数组测试
38 0
前端知识案例54-javascript基础语法-数组测试
|
SQL JavaScript 前端开发
如何用 JavaScript 编写你的第一个单元测试
测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用单元测试....
如何用 JavaScript 编写你的第一个单元测试