关于JS摆放位置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

var H=document.body.scrollHeight;

var h=document.body.clientHeight;

document.write(H+"<br/>"+h)

</script>

</head>

<body>

</body>

</html>

很奇怪。JS这段代码放在BODY中有效果。放在hrad中却无效。什么原因呢？

朝花bu夕拾

浏览 1394回答 1

1回答

Sniper_xu

html文件顺序执行，js放在head中， var H=document.body.scrollHeight; 找不到document.body，该值为undefined，访问document.body.scrollHeight，出错——Uncaught TypeError，后面的JS不执行，同时html页面渲染并不受影响，也能看到页面。js放在body内，body存在，JS执行正常。建议没有做很好的兼容，不要把自己的js文件放在head中

随时随地看视频慕课网APP