今天仔细学习了html加载执行的顺序

页面上通常会有三个标签，html,head,body,这三个之间的关系是，html包含整个页面代码，head主要用于引入一些js,css文件，body用来包含页面代码和js代码

浏览器加载页面的顺序为，先加载head,如果碰到script标签的话，会判断是引入外部js文件还是js代码，如果是文件会开始下载外部文件，如果是代码则html页面加载会暂停，此时javascript引擎开始执行代码，等代码执行完了继续加载页面，等head标签里面的内容都加载完了之后开始加载body标签的内容，如果body里面遇到script标签的话，是文件就下载，是代码又会暂停加载页面，转而让引擎执行js代码，等js代码执行完毕之后才会继续加载页面这种。

我今天就遇到这种情况，我把js代码写在了head标签里面，js页面有操作table表格的代码，但是一直都取不到表格的元素，原因就是因为head里面的js代码执行的时候，页面还没有加载完成，表格也没有加载出来，导致今天的问题。

一般的作法是把有js代码的script标签放在body的靠后位置，或者要是为了body里面结构比较清晰，也可以放在head里面，但是js代码放在window.onload事件里面，这样也可以

转载于:https://www.cnblogs.com/tzpRoomForLearning/p/10235333.html

今天仔细学习了html加载执行的顺序相关推荐

深入java虚拟机学习 -- 类的加载机制(续)
昨晚写深入java虚拟机学习 -- 类的加载机制都到1点半了,由于第二天还要工作,没有将上篇文章中的demo讲解写出来,今天抽时间补上昨晚的例子讲解. 这里我先把昨天的两份代码贴过来,重新看下: ...
加载动画php,CSS3学习之页面加载动画（二）
本篇文章给大家分享6种css3的页面加载动画.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 在之前的文章[CSS3学习之页面加载动画(一)]中已经分享了四个CSS3的加载动画,今天 ...
【深度学习】Keras加载权重更新模型训练的教程（MobileNet）
[深度学习]Keras加载权重更新模型训练的教程(MobileNet) 文章目录 1 重新训练 2 keras常用模块的简单介绍 3 使用预训练模型提取特征(口罩检测) 4 总结 1 重新训练重新建 ...
java代码从编译到加载执行的过程
代码编译在刚接触java时,我们都知道通过javac命令将java源码文件编译成.class字节码文件,这是由编译器来完成的. 包括泛型擦除属于编译时期的语法糖. .class字节码文件是跨平台的, ...
JVM学习笔记-03-类加载器及双亲委派机制
JVM学习笔记-03-类加载器及双亲委派机制文章目录 JVM学习笔记-03-类加载器及双亲委派机制 1. 类加载器视频链接-最新JVM教程IDEA版[Java面试速补篇]-03-类加载器及双亲委派 ...
Win7 Wininit.exe任意加载/执行(漏洞)
1.背景: a.Windows关机时,将调用NtShutdownSystem Native API来执行关机动作. b.在WinXp时代,用户执行"关机"后,将由winlogon. ...
安卓插件化学习 - 类的加载
安卓插件化学习 - 类的加载引言一.类的加载 1. 原理 2. 代码 2.1 宿主apk代码 2.1.1 插件管理器 2.1.2 配置文件 2.1.3 插件初始化 2.1.4 调用插件方法 2.2 ...
tomcat的class加载的优先顺序
来源:https://bbs.csdn.net/topics/80459833 Tomcat的class加载的优先顺序一览最先是$JAVA_HOME/jre/lib/ext/下的jar文件. 环境变 ...
页面的加载与渲染顺序
页面的加载与渲染顺序: 1.一个页面的加载顺序是从上到下顺序加载的,并且加载与渲染同时进行. 2.引用外部js文件时,当在加载过程中遇到标签时,浏览器会向服务器发送一个reques并等待该reques ...

今天仔细学习了html加载执行的顺序

今天仔细学习了html加载执行的顺序相关推荐

最新文章

热门文章