DOM初体验——alert的是null

来源：互联网发布：淘宝上店铺获取失败编辑：程序博客网时间：2024/06/08 06:55

最初在Html网页中加上JS代码之后，我们希望通过我们写的function方法，来返回想要的参数，然而却经常会返回一些奇奇怪怪的东西，或者没有返回。

null或者不执行。

比如我在html中引入的js文件中，写了一个名为addLoadEvent的方法，它的作用是，当页面加载完的时候，自动执行另外特定的方法。

然后发现，html并没有执行oldonload()和func()两个方法，页面不出现任何效果。

汗。

我当时通过alert，console，才知道，html页面中根本加载上js代码好嘛？

zz一样的我在风中凌乱。

于是：

就OK了。

再比如，html中有一个id是“cc”的对象，在prepareGallery()中要把它找到然后操作，竟然给我alert一个null。

出现这个的原因，一个是不存在这个id，这个在例子中是不可能的，二是在执行这个js时网页并未加载完。
把下面的代码移到</body>外面

我当时分析，出现这个问题的原因，一是不存在这个id，二是根本没找到。

“没找到”就是，js代码在执行的时候，html页面根本还没有加载完成。

所以我把方法的引用位置移动了。

尼玛，移到整个页面加载完之后总行了吧？

结果就出现我想要的样子了。

（好吧迷妹本质暴露）

现在再整理这篇文章，我知道犯这样的错，就是没有系统学习JS的后遗症。

这其实就是js的加载。

第一，js文件不是引入进来就可以自行执行了。

第二，js代码的加载始于<script>，终于</script>，这对标签里面的东西被放在整个网页代码的什么地方，它就从什么地方开始执行。

我一上来就把这段东西放在<body>下面，页面还没来得及加载呢，当然找不到cc。

另外，onload事件会在页面或图像加载完成后立即执行。

0 0