为什么script标签不写到head里，写在body里为何

首页课程实战体系课手记专栏慕课教程

来源：1-8 编程练习

liqihang

2018-04-10 10:43:13

style.script这类标签应该在head里啊

写回答

3回答

一叶知秋519

2018-04-10

浏览器的解析顺序是从上到下的；你的这段代码中，console.log(n1*n2);是执行了的，建议同学通过F12看下控制台；

第二个fun1,解析到 document.getElementById("pp").innerHTML=a+'<br>'+b+''+c;时，是获取不到这个div的，所以没有输出。你把<script>这段脚本写到<body>内div的上面，页面同样不会有信息输出的。

祝学习愉快！

liqihang

提问者

2018-04-10

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>function</title>
<script>

   function fun(n1,n2){
       console.log(n1*n2);
   }
fun(3,4);
fun(5, 6);
fun(7,7);
function fun1(n1,n2){
  return n1*n2;
}
var a=fun1(3,4);
var b=fun1(5,6);
var c=fun1(7,7);
document.getElementById("pp").innerHTML=a+'<br>'+b+''+c;

</script>
</head>
<body>
<div id="pp"></div>

</body>
</html>