JS外链式在html头部引入无效的问题

Posted 2023-04-23

参考技术A

原因：
浏览器是单线程的，如果放在头部，浏览器会先加载script文件并执行，此时会形成一个阻塞，影响后续的dom文件的加载和执行。

缺点:

避免措施：

注意：
虽然说将外部引入的js引用放在 body 末尾处，不过也是有顺序的，需要将一些 依赖文件放在前边 ，
例如jquery文件需要放在前边，这样后边函数中使用$才不会报错。

在HTML文档中引入JavaScript有两种方式,一种是内嵌式;另一种是_____？

在HTML文档中引入JavaScript有两种方式，一种是内嵌式，另一种是外链式。

内嵌式方法：内嵌，放置在<script>和</script>标签之间 、放置在有<script>标签的src属性指定的外部文件中  、放在一个URL里，这个URL使用特殊的协议”javascript“协议  。

外链式方法：定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中的程序代码内容，因为代码执行顺序问题,一般定义 script 标签 在 body标签内容的最下方。

扩展资料：

JavaScript用途

嵌入动态文本于HTML页面。

对浏览器事件作出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

JavaScript虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

参考资料来源：百度百科-JavaScript

参考技术A 外链式
<script type="text/javascript" src="这是JS的地址"></script>