我在页面的顶部有一些JavaScript，这些JavaScript控制着图片库，用户在其中单击缩略图和较大图像，然后在跨度中显示一些文本。每页有10个这些缩略图，我需要找出如何在页面加载时将第一个缩略图的隐藏范围设置为“阻止”。
<script type="text/javascript">
function hideSpan(spanName) {
var obj = document.getElementById(spanName);
obj.style.border="0px";
obj.style.color="#fff";
obj.style.display="none";
obj.style.left="333px";
obj.style.padding="0";
obj.style.position="absolute";
obj.style.top="55px";
obj.style.width="244px";
}
function showSpan(spanName) {
var spanEl, count = 1;
while(spanEl = document.getElementById('link' + count++)){
spanEl.style.display = 'none';
}
var obj = document.getElementById(spanName);
obj.style.display="block";
}
</script>
非常感谢您的帮助。
最佳答案
简单，轻松的方法是这样做：
<body onload="showSpan('link1');">
这里的麻烦在于，以这种方式附加到主体的onload事件会在页面加载的后期执行（在加载了所有部分（包括图像）之后），这对于拨号用户来说将是致命的。 jQuery实现了更好的方法：
$(document).ready(function () {
showSpan('link1');
});
如果您不使用jQuery，那么这里的某人比我聪明得多，可能会知道使用“适当” JavaScript的正确方法，我不记得jQuery经常使用的事件名称。