html文档加载顺序简单理解
2024-10-20 08:43:12
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="outUp1.js"></script>
<script>
alert("body上面的js!");
document.getElementsByTagName("div")[0].style.cssText = "background-color:red";
</script>
<script src="outUp2.js"></script>
<!--html文档按照从上往下的顺序加载,他没有找到div这个标签名,所以样式没有被修改
想要让上面引入的js文件在文档加载完成之后执行的话就需要用window.onload函数,
这样才不会出错。-->
</head>
<body>
<div color="green">初始测试div</div>
</body>
<script src="outUp3.js"></script>
<script>
alert("body下面的js!");
</script>
<script src="outUp4.js"></script>
</html>
outUp1.js
alert("body上面的外部资源js1!");
document.getElementsByTagName("div")[0].style.cssText = "background-color:aqua;";
outUp2.js
alert("body上面的外部资源js2!");
document.getElementsByTagName("div")[0].style.cssText = "color:black;";
outDown1.js
alert("body下面的外部资源js3!");
document.getElementsByTagName("div")[0].style.cssText = "background-color:blue;";
outDown2.js
alert("body下面的外部资源js4!");
document.getElementsByTagName("div")[0].style.cssText = "color:red;";
最新文章
- Struts——(四)异常处理机制
- C++异常层次结构图
- 利用 Google API 调用谷歌地图 演示1
- Linux--正则表达式--详解
- if简单的写法之范围
- KSImageNamed-Xcode
- SUSE Linux Enterprise 11 离线安装 DLIB python机器学习模块
- 从JVM字节码执行看重载和重写
- mysql安装运行(centos)
- mysql数据库的查询,添加,删除,还原,备份
- JAVA中String类型的字符替换问题
- echarts 调整图表 位置 的方法
- Android 控件绑定封裝
- python高级变量类型(元组,列表,字典, 字符串和重要方法)
- HDFS Sink使用技巧
- mysql用户的增删与密码丢失问题
- verilog语法实例学习(4)
- Github 提交本地代 到远程 菜鸟 简明教程
- 容器list使用之erase(其他容器也通用)
- I.MX6 Linux U-boot 环境变量解析
热门文章
- SpringCloud之Fegin学习笔记
- HNOI2018
- win10系统,vbox下安装centos6/7,挂载实现目录共享
- JS的 try catch 前端使用场景(尽管不多还是会用到)
- 深入浅出Mybatis系列(二)---配置简介(mybatis源码篇)[转]
- System.Web.Mvc.HttpStatusCodeResult.cs
- 图片转成base64 跨域等安全限制及解决方案
- vue表格之@row-click=";handleSelect"; 与setCurrentRow
- Java超简明入门学习笔记(三)
- np一些基本操作2