                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息滾動(dòng)效果制作

為什么script寫在<heard></heard>標(biāo)簽內(nèi)不可用，要放在</body>前了？之前學(xué)的不都是寫在<heard></heard>標(biāo)簽內(nèi)的嗎？

信息滾動(dòng)效果制作，為什么script寫在<heard></heard>標(biāo)簽內(nèi)不可用，要放在</body>前了？之前學(xué)的不都是寫在<heard></heard>標(biāo)簽內(nèi)的嗎？

00:01

一失手成千古恨

2016-04-16

源自：信息滾動(dòng)效果制作 2-2

關(guān)注問(wèn)題我要回答

1454

操作

收起

4 回答

hhhs1s1s 回答被采納 +3 積分
2016-04-20

如果需要在script中操作body中的元素，那么必須在要操作的元素加載完成之后才可以，也就是說(shuō)要把操作元素的js代碼放在元素之后。

html是從上到下進(jìn)行加載的，遇到使用連接方式加載的js或者css就發(fā)送request請(qǐng)求加載，如果是直接寫的代碼，那么就直接初始化，如果是函數(shù)那么就直接初始化，在觸發(fā)時(shí)直接執(zhí)行函數(shù)，如果在head中操作body中的元素，那么就會(huì)出現(xiàn)找不到的情況，因?yàn)榇藭r(shí)body中的元素還沒有加載完成。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一失手成千古恨提問(wèn)者

非常感謝！我讀懂了連接和初次化。

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

一失手成千古恨提問(wèn)者
2016-04-20

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>無(wú)縫滾動(dòng)</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>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

juan_zi

你在if后面加個(gè)else語(yǔ)句試試看。else{ bos.scrollTop++ ; }

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

一失手成千古恨提問(wèn)者回復(fù) juan_zi

快了，我把上面的++給刪了就好了

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

#3

juan_zi 回復(fù) 一失手成千古恨提問(wèn)者

嗯嗯，那就好

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

juan_zi
2016-04-19

其實(shí)script一般都是放在body中的，因?yàn)橐话憔W(wǎng)頁(yè)要求加載完樣式和內(nèi)容后，才執(zhí)行操作哦，這樣有利于加載速度。如果頁(yè)面html中引用到了的js函數(shù)或類，例如a標(biāo)簽的某個(gè)onclick，包含了這個(gè)函數(shù)的文件需要放在頭部，防止js報(bào)錯(cuò)，腳本就停止執(zhí)行了。其他的js，可以都放在尾部。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一失手成千古恨提問(wèn)者

后面那句沒有看懂能解析下嗎？

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

一失手成千古恨提問(wèn)者

恩之前學(xué)的事件都是寫在head標(biāo)簽內(nèi)的。

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~

#3

juan_zi 回復(fù) 一失手成千古恨提問(wèn)者