初学 avascript， window.onlaod 没反应，什么原因那！！！求大神帮分析代码
laughingla 2015-01-07 21:46:49 +08:00 3911 次点击这是一个创建于 3941 天前的主题，其中的信息可能已经有所发展或是发生改变。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charsrt="utf-8"/>
<title>laughing2</title>
</head>
<body>
<h1>Snapshot</h1>
<ul>
<li><a href="images/1.jpg" Onclick="showPic(this);return false" title="no.1">image1</a>
</li>
<li><a href="images/2.jpg" Onclick="countBody(this);return false" title="no.2">image2</a>
</li>
<li><a href="images/3.jpg" Onclick="showPic(this);return false" title="no.3">image3</a>
</li>
<img id="placeholder" src="images/4.jpg" alt="no.4"/>
</ul>
<script type="text/Javascript" src="scripts/countBody.js"></script>
<script type="text/Javascript" src="scripts/showPic.js"></script>
</body>
</html>
countBody.js如下：
function countBodyChildren(){
var body_element = document.getElementByTagName("body")[0];
var count = body_element.childNodes.length;
alert(count);
}
window. Onload= countBodyChildren;
<html lang="en">
<head>
<meta charsrt="utf-8"/>
<title>laughing2</title>
</head>
<body>
<h1>Snapshot</h1>
<ul>
<li><a href="images/1.jpg" Onclick="showPic(this);return false" title="no.1">image1</a>
</li>
<li><a href="images/2.jpg" Onclick="countBody(this);return false" title="no.2">image2</a>
</li>
<li><a href="images/3.jpg" Onclick="showPic(this);return false" title="no.3">image3</a>
</li>
<img id="placeholder" src="images/4.jpg" alt="no.4"/>
</ul>
<script type="text/Javascript" src="scripts/countBody.js"></script>
<script type="text/Javascript" src="scripts/showPic.js"></script>
</body>
</html>
countBody.js如下：
function countBodyChildren(){
var body_element = document.getElementByTagName("body")[0];
var count = body_element.childNodes.length;
alert(count);
}
window. Onload= countBodyChildren;
 | 1 laughingla OP 唉。看来是等不到答案了…… |
 | 2 sneezry 2015-01-07 22:00:53 +08:00 via iPhone window.onload是所有资源都加载完才触发，有一个没完或者失败都不行 |
 | 3 mgnya 2015-01-07 22:01:52 +08:00  1 var body_element = document.getElementByTagName("body")[0]; → var body_element = document.getElementsByTagName("body")[0]; 这样？ |
| 4 sneezry 2015-01-07 22:02:28 +08:00 via iPhone 不是onload的问题，而是getElementsByTagName |
 | 5 Twinkle 2015-01-07 22:03:42 +08:00 getElementsByTagName |
 | 6 reeco 2015-01-07 22:05:31 +08:00 getElementsByTagName 刚打完发现楼上已经回答了..... |
| 7 reeco 2015-01-07 22:06:07 +08:00 另外window.onload 中间是没空格的 |
 | 8 loading 2015-01-07 22:06:48 +08:00 via Android 把onload调用的函数改成 alert（‘a’） 其他每行都alert，一个b，一个c，你就知道跑到哪里出问题了，这是我刚学js用的方法，那时还没太多调试工具，控制台就听都没听过。 方法很笨，但有效。 进阶是alert变量或type |
| 9 laughingla OP |
| 11 laughingla OP @loading 恩，了解。感觉有点像C里面的printf 找不到错的时候确实很有效。 |
| 12 loading 2015-01-07 22:12:42 +08:00 via Android @laughingla chrome的开发者工具，控制台，很方便，可以了解下，你这个错误直接报的。 |
| 13 laughingla OP @loading 恩，还有为什么弹窗的结果数字是9，而书上说数字应该很大？ |
| 14 sneezry 2015-01-07 22:20:14 +08:00 @loading 其实感觉有的时候真不知道该帮忙点到哪里，比如lz这个问题，如果让我深入来说，肯定不建议使用window.onload。所以问题还是得自己慢慢领悟，直接完全嚼碎了未必都能消化得了。 |
| 15 loading 2015-01-07 22:22:54 +08:00 via Android @laughingla 你知道函数干了什么吗？你自己数数看 |
 | 17 Jserqi 2015-01-07 22:50:35 +08:00 window.onlaod -> window.onload |
 | 18 fengliu222 2015-01-08 11:20:37 +08:00 getElement[s]ByTagName |
Select Language