問題1:把script標籤中的部分代碼放在head中無法加載出來
HTML的加載和渲染:
JS代碼可能會改變DOM樹結構,導致瀏覽器需要重新構建DOM樹,so 要是加載嵌入式JS的話,瀏覽器會阻塞其內容的下載和呈現
window.onload和$().ready(function)的區別
window.onload是在dom文檔樹加載完和所有文件加載完之後執行
jquery中有$().ready(function)
,在dom文檔樹加載完之後執行一個函數(注意,這裏面的文檔樹加載完全不代表全部文件加載完)
$(document).ready
要比winndow.onload先執行
window.onload只能出來一次,$(document).ready可以出現多次
解答1
答:JS代碼中的
$(document).ready(function () {}
是在DOM樹結構加載完畢後就執行,此時Pyechart 需要的圖片之類的資源還沒有加載完畢,所以將其放在head中呆滯程序無法跑通
相關代碼:pyecharts 可視化美食數據庫數據