JavaScript在头部失效，放底部好使

时间 2019-11-20

标签 javascript 头部失效底部好使栏目 JavaScript 繁體版

原文原文链接

编码时发现js文件放在<head></head>之间会失效，后来将js放置在</body>前就起做用了。jquery

由于文档还没加载，就读了js，js就不起做用了想在head里用的话缓存

一、纯js 使用window.onload = function(){//这里包裹你的代码} dom

二、jquery 使用$(function(){})函数

$(function(){}) 是 $(document).ready(function(){}) 的简写，用来在DOM加载完成以后执行一系列预先定义好的函数。编码

js能够分为外部的和内部的，外部的js通常放到head内。内部的js也叫本页面的JS脚本，内部的js通常放到body内，这样作的目的有不少：文档

1.不阻塞页面的加载(事实上js会被缓存)。io

2.能够直接在js里操做dom，这时候dom是准备好的，即保证js运行时dom是存在的。function

3.建议的方式是放在页面底部，监听window.onload 或 readystate 来触发js。脚本