如何在HTML 中使用JavaScript?
1.使用<script>标签,将JS语句放入标签中,插入到HTML里。<script>alert("Hi!");</script>。注意标签内代码不能出现字符串</script>,如需要出现,/ 前面加入转义字符 \
2.<script>标签中使用src属性引入外部文件。<script src="example.js"></script>
常用插入位置:1.<head>标签内容后面,一般写在引用css文件的下面(写在这会导致HTML在JS文件下载解析完之后才开始渲染,所以通常这样写,让JS代码在页面加载完执行,如 $(function(){//你的代码}))2.<body>标签内容后面
执行顺序:按在HTML出现的顺序解析,所以一般如果一个文件依赖另一个,会把被依赖的文件写在上面
defer属性:<script>不管写在哪里,都会在页面解析后执行,不一定按照顺序执行。
async属性:只适用于外部脚本文件,可以让代码不按照原有顺序执行,而是异步执行,会在页面解析前执行
简单的说,就是defer让代码后执行,async让代码先执行。由于defer和async都不按顺序执行,有依赖关系的文件不建议使用这两个属性。