动态加载JS文件控制台不显示的问题与解决

01动态加载JS问题

在安静的小长假最后一天，办公室里只有我独自工作，四周静悄悄的，甚至能听见窗外茉莉花开的轻柔声响。此时，我沉浸在工作的世界中，思索着动态加载js的奥秘。

► 引入问题背景

当使用load方法动态加载js时，你可能会发现一个有趣的现象：尽管js文件已成功引入，但在浏览器的控制台中却无法找到其踪迹。这使得我们无法通过打断点的方式进行调试，从而增加了排查问题的难度。我们可以观察到，在HTML页面中，我们确实创建了script标签并尝试引入了head_list.js，然而，在浏览器的控制台中，我们并未发现该js文件的踪迹：

这样的话，我们就无法进行调试。

► 加入调试信息

为了解决这个问题，我们需要在动态加载的JavaScript文件的顶部加入调试信息。例如，我们可以加入console.log()语句来输出关键信息，帮助我们定位和解决问题。如此一来，我们再审视控制台的情况：

► 茉莉花的联想

有一个文件夹，它汇集了我们所有动态加载的JavaScript文件。随着小长假的临近，那些刚刚盛开的茉莉花无人照料，实在令人不舍。为了留住它们的美丽，我们决定在它们绽放最盛时将其制成标本，夹在书页中。待到假期结束，再换上一束新的茉莉，拍下照片作为美好的回忆：

https://github.com/xiaoming16888/hfoiuhg/issues/45
https://github.com/xiaoming16888/hfoiuhg/issues/44
https://github.com/xiaoming16888/hfoiuhg/issues/43
https://github.com/xiaoming16888/hfoiuhg/issues/42
https://github.com/xiaoming16888/hfoiuhg/issues/41
https://github.com/xiaoming16888/hfoiuhg/issues/40
https://github.com/xiaoming16888/hfoiuhg/issues/39
https://github.com/xiaoming16888/hfoiuhg/issues/38
https://github.com/xiaoming16888/hfoiuhg/issues/37
https://github.com/xiaoming16888/hfoiuhg/issues/36
https://github.com/xiaoming16888/hfoiuhg/issues/35
https://github.com/xiaoming16888/hfoiuhg/issues/34
https://github.com/xiaoming16888/hfoiuhg/issues/33
https://github.com/xiaoming16888/hfoiuhg/issues/32
https://github.com/xiaoming16888/hfoiuhg/issues/31
https://github.com/xiaoming16888/hfoiuhg/issues/30
https://github.com/xiaoming16888/hfoiuhg/issues/29
https://github.com/xiaoming16888/hfoiuhg/issues/28
https://github.com/xiaoming16888/hfoiuhg/issues/27
https://github.com/xiaoming16888/hfoiuhg/issues/26
https://github.com/xiaoming16888/hfoiuhg/issues/25
https://github.com/xiaoming16888/hfoiuhg/issues/24
https://github.com/xiaoming16888/hfoiuhg/issues/23
https://github.com/xiaoming16888/hfoiuhg/issues/22
https://github.com/xiaoming16888/hfoiuhg/issues/21
https://github.com/xiaoming16888/hfoiuhg/issues/20
https://github.com/xiaoming16888/hfoiuhg/issues/19
https://github.com/xiaoming16888/hfoiuhg/issues/18
https://github.com/xiaoming16888/hfoiuhg/issues/17
https://github.com/xiaoming16888/hfoiuhg/issues/16
https://github.com/xiaoming16888/hfoiuhg/issues/15
https://github.com/xiaoming16888/hfoiuhg/issues/14
https://github.com/xiaoming16888/hfoiuhg/issues/13
https://github.com/xiaoming16888/hfoiuhg/issues/12
https://github.com/xiaoming16888/hfoiuhg/issues/11
https://github.com/xiaoming16888/hfoiuhg/issues/10
https://github.com/xiaoming16888/hfoiuhg/issues/9
https://github.com/xiaoming16888/hfoiuhg/issues/8
https://github.com/xiaoming16888/hfoiuhg/issues/7
https://github.com/xiaoming16888/hfoiuhg/issues/6
https://github.com/xiaoming16888/hfoiuhg/issues/5
https://github.com/xiaoming16888/hfoiuhg/issues/4
https://github.com/xiaoming16888/hfoiuhg/issues/3
https://github.com/xiaoming16888/hfoiuhg/issues/2
https://github.com/xiaoming16888/hfoiuhg/issues/1