＜script＞标签在html中书写位置-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)

最新推荐文章于 2024-09-21 09:29:16 发布

xiaozhima-dun

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量517

点赞数

分类专栏： JavaScript 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/yw1990128/article/details/129643033

版权

33 篇文章 15 订阅

订阅专栏

文章通过两个案例分析了<script>标签放在<head>和<body>结束标签前的不同效果。当放置在<head>中，JavaScript代码在页面元素加载前执行，可能导致找不到对应的DOM元素。而放在<body>结束标签前，确保元素已加载，能正确执行涉及DOM的操作。

摘要由CSDN通过智能技术生成

将JavaScript标识放置<Head>... </Head>在头部之间，使之在主页和其余部分代码之前预先装载，从而可使代码的功能更强大；代码放在<head>区在页面载入的时候，就同时载入了代码，在<body>区调用时就不需要再载入代码了，速度提高了，合适运行很大很复杂的程序时。

将JavaScript标识放置在<Body>... </Body>主体之间用以实现某些部分动态地创建文档，例如，图片淡入淡出效果，鼠标跟随事件等。

引入的外部.js文件，放在<Head>... </Head>中，则页面加载前就运行；放在<Body>... </Body>中，则先加载，后运行js代码；所以在head中的代码先执行。

我们一般将<script>标签放置在</Body>结束标签之前。

根据上面的分析，通过JavaScript代码来实现1-1效果，具体代码如下：

保存后，在谷歌浏览器中预览，效果如图1-1所示。

通过JavaScript代码来实现1-2效果，具体代码如下：

保存后，在谷歌浏览器中预览，效果如图1-1所示。

关注

专栏目录