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。腳本

相關標籤/搜索