HTML中js代码应该写在哪里

HTML中js代码应该写在哪里

一、可以写在哪里

js代码有三种位置可以写:

1、行内式

2、内嵌式

3、外部js

二、在页面中的位置

js可以写在很多位置,但是每个位置上产生的效果都不同,需要多加注意,否则可能会使项目运行出错。

1、直接写在head标签中

这是最常见的用法之一,在head标签中添加script标签会在页面加载的时候立即执行,如果脚本比较大或者需要执行的时间比较长,会阻塞页面的渲染。

My Page

2、在head标签中同时要异步加载

这是一种常见的优化方式,它可以提高页面加载的速度,异步加载脚本可以使用html5的async的defer属性来实现。async属性表示脚本可以在加载时立即执行,不会阻塞页面的渲染,defer属性表示脚本可以在文档解析完后执行,不会阻塞页面的渲染。

My Page

3、在head标签中同时使用onload

在script标签中写一个window.load=function() {.....}函数,放在最外层,将所有函数包含在里面,就可以实现页面加载完之后再加载js

My Page

4、在body标签底部

这是一种常见的优化方式,它常用于加速页面加载,将脚本放在body底部可以使页面内容先加载,然后再加载js代码,从而加快页面的渲染速度,还可以避免阻塞页面的渲染。

My Page

养生小贴士

ZUK Z2:关于大家关注的点以及与 Pro的区别
💡 小知识

ZUK Z2:关于大家关注的点以及与 Pro的区别

📅 08-19 👍 386
阿尔法贝塔AlphaBeta游戏下载
💡 小知识

阿尔法贝塔AlphaBeta游戏下载

📅 08-12 👍 143
服务器关机,服务器关机要多久
💡 小知识

服务器关机,服务器关机要多久

📅 08-25 👍 684