課程
/前端開發(fā)
/Html5
/炫麗的倒計時效果Canvas繪圖與動畫基礎
js文件引入html文件沒反應
2017-03-12
源自:炫麗的倒計時效果Canvas繪圖與動畫基礎
正在回答
如何引入本地的JS文件,file->setting,導入無效
慕姐7128299
剛才找到了原因,是因為html加載順序。
當你引入js文件時,將<script>標簽寫在了<head>標簽里面了吧?如果js里面涉及DOM操作,當你js文件加載時,DOM還沒有加載,所以獲得不到js文件中的想要效果。解決方法有兩個:
第一個是將引入js文件的<script>標簽寫在<canvas>標簽后面,這樣按順序加載,js中的DOM操作的目標就已經(jīng)存在了,可以操作了。不過這樣不美觀,還擾亂了html結構。
第二個是不改變<script>標簽引入js文件的位置(還在head里面寫),但是將js文件中的函數(shù)(比如你這里是畫個圖,比如矩形什么的)放在
window.onload = function{
????//這里放你的函數(shù)
};
里面。window.onload是一個事件,當文檔加載完成之后就會觸發(fā)該事件,可以為此事件注冊事件處理函數(shù),并將要執(zhí)行的腳本代碼放在事件處理函數(shù)中,于是就可以避免獲取不到對象的情況。
如果不全面還請指出,大家一起學習!
qq_單行道_4
同問同問同問
哪位大神知道的,,求解?。。。⊥蠘菃栴}
舉報
學習HTML5中最激動人心的技術Canvas,徹底釋放自己的創(chuàng)造力
2 回答當另外一個js文件需要用digit的時候,需要在該js文件中引用digit這個js文件嗎
1 回答兩個html文件分別放一個canvas,用同一個js文件,第二個html文件的canvas畫不出畫是咋回事?
3 回答關于WebStorm中快速輸入標簽屬性
1 回答如何將獲取的時間放入canvas中?
2 回答在哪能下載這個文件
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2018-08-17
如何引入本地的JS文件,file->setting,導入無效
2017-08-13
剛才找到了原因,是因為html加載順序。
當你引入js文件時,將<script>標簽寫在了<head>標簽里面了吧?如果js里面涉及DOM操作,當你js文件加載時,DOM還沒有加載,所以獲得不到js文件中的想要效果。
解決方法有兩個:
第一個是將引入js文件的<script>標簽寫在<canvas>標簽后面,這樣按順序加載,js中的DOM操作的目標就已經(jīng)存在了,可以操作了。不過這樣不美觀,還擾亂了html結構。
第二個是不改變<script>標簽引入js文件的位置(還在head里面寫),但是將js文件中的函數(shù)(比如你這里是畫個圖,比如矩形什么的)放在
window.onload = function{
????//這里放你的函數(shù)
};
里面。window.onload是一個事件,當文檔加載完成之后就會觸發(fā)該事件,可以為此事件注冊事件處理函數(shù),并將要執(zhí)行的腳本代碼放在事件處理函數(shù)中,于是就可以避免獲取不到對象的情況。
如果不全面還請指出,大家一起學習!
2017-08-13
同問同問同問
2017-05-11
哪位大神知道的,,求解?。。。⊥蠘菃栴}