iT邦幫忙

2019 iT 邦幫忙鐵人賽

0
自我挑戰組

程式設計師大冒險系列 第 67

[67/150]CPE一星題庫(二)將Script從HTML分離出來

分離過程出了問題,錯誤訊息如下Cannot set property 'innerHTML' of null。花很長時間才解決問題,主要是太早載入程式所引起。

【大綱】

  • 時間分配
  • 解決錯誤訊息
  • 檢討與修正
  • 總結

【時間分配】

項目 時間
鐵人發文 0 hr 22 min
Excel vba 0 hr 27 min
題庫整理 2 hr 55 min
JSON API 0 hr 49 min

【解決錯誤訊息】

將html裡script分離出來,出現錯誤訊息。
用了半天才知道,是因為DOM物件尚未轉入。
<script src="main.js"></script>
放在HEAD就會先載入程式,後載入物件。
把這行程式移到BODY,就可以解決問題。
https://ithelp.ithome.com.tw/upload/images/20181206/20091910aofDq2gPru.jpg

【檢討與修正】

下方藍色區塊,是顯示題目內容及解題思路。
目前資料庫還沒更新,不過不需要刷新頁面就能顯示內容。
規劃做一頁式網站,內容利用AJAX技術去控制。
不過資料庫目前還沒分離成JSON檔,寄生於JS檔裡面。
https://ithelp.ithome.com.tw/upload/images/20181206/20091910eIWZTE6pXO.jpg

【總結】

資料庫更新,做起來不難但是處理起來麻煩。
因為資料存放在iT邦網站,所以要打開連結然後複製貼上。
有錯誤歡迎指正,感謝撥冗閱讀。


上一篇
[66/150]CPE一星題庫(ㄧ)將資料整理成JSON格式
下一篇
[68/150]CPE一星題庫(三)過程不太順利
系列文
程式設計師大冒險73

尚未有邦友留言

立即登入留言