                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息滚动效果制作

为什么script写在<heard></heard>标签内不可用，要放在</body>前了？之前学的不都是写在<heard></heard>标签内的吗？

信息滚动效果制作，为什么script写在<heard></heard>标签内不可用，要放在</body>前了？之前学的不都是写在<heard></heard>标签内的吗？

00:01

一失手成千古恨

2016-04-16

源自：信息滚动效果制作 2-2

关注问题我要回答

1419

操作

收起

4 回答

hhhs1s1s 回答被采纳 +3 积分
2016-04-20

如果需要在script中操作body中的元素，那么必须在要操作的元素加载完成之后才可以，也就是说要把操作元素的js代码放在元素之后。

html是从上到下进行加载的，遇到使用连接方式加载的js或者css就发送request请求加载，如果是直接写的代码，那么就直接初始化，如果是函数那么就直接初始化，在触发时直接执行函数，如果在head中操作body中的元素，那么就会出现找不到的情况，因为此时body中的元素还没有加载完成。

0 回复有任何疑惑可以回复我~

收起回答

一失手成千古恨提问者

非常感谢！我读懂了连接和初次化。

2016-04-20 回复有任何疑惑可以回复我~

一失手成千古恨提问者
2016-04-20

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>无缝滚动</title>
   <style>
   *{
       margin:0px;
       padding:0px;
   }
   #bos{
       width: 500px;
       height:200px;
       border:1px solid #000;
       overflow: hidden;
   }
   #bos li{
       height: 24px;
   }
   </style>

</head>
<body>
   <div id="bos">
    <ul id="ul1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>
    <ul id="ul2"></ul>
   </div>
   <script>
   var bos = document.getElementById("bos");
   var ul1 = document.getElementById("ul1");
   var ul2 = document.getElementById("ul2");
   bos.scrollTop=0;
   ul2.innerHTML=ul1.innerHTML;
   var dea = 50;

    setInterval("fun()", dea);

   function fun(){
    bos.scrollTop++;
    if(bos.scrollTop>=ul1.scrollHeight){
        bos.scrollTop=0;
    }
   }
   </script>
</body>
</html>