script不都写在head中吗

script不都写在head中吗

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    

</head>

<body>

    <div id="11">为什么script不能写在上面</div>

    <script>

        var aa=document.getElementById("11");

        console.log(aa);

    </script>

</body>

</html>

写在上面 输出就是空,如果都写在一起看起好乱

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,关于同学的问题回答如下:

1、不是的,script也可以写在body里的。

2、写在上面,就会输出空,是因为代码是自上而下执行的,当执行到获取元素这句时:
http://img1.sycdn.imooc.com//climg/5e9bb26c09924acc03640044.jpg

div标签还未渲染出来,所以就获取不到。

3、同学可以将js写在另一个文件里面,用script标签引入页面:
http://img1.sycdn.imooc.com//climg/5e9bb2f6092c433105790126.jpg

http://img1.sycdn.imooc.com//climg/5e9bb31409a18dbc09960594.jpg

祝学习愉快~

  • 只恨未尽心 提问者 #1
    意思,script必须 写在 要应用对象比如div的后面才行?
    2020-04-19 10:12:30
好帮手慕粉 2020-04-19 11:32:43

同学你好,现阶段是可以这样理解的。但是后面我们会学习一些方法,可以处理这个问题,同学先知道写在body里即可。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师