html中js执行时机由位置决定：放前最稳妥；放需加defer（保序延迟）或async（独立脚本，时机不可控）；src路径需注意协议、缓存与相对/绝对写法；禁用内联onclick，改用addeventlistener；es模块需type="module"且路径合规，自动defer和严格模式。
直接写 <script></script> 标签，但位置决定执行时机
HTML 里加 JS 最快的方式就是把代码塞进 <script></script> 标签里。但它放哪儿，JS 就啥时候跑——这点不注意，document.getElementById 找不到元素、addEventListener 绑不上，全是因为脚本执行太早。
JS超酷图片翻动展示效果
下载
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
常见错误现象：Uncaught TypeError: Cannot set properties of null，基本就是 DOM 还没加载完，JS 就急着操作节点了。
- 想确保 DOM 就绪：把
<script></script>放在
