javascript脚本放在HTML中的<head>和<body>的区别：

最新推荐文章于 2024-02-09 05:00:00 发布
最新推荐文章于 2024-02-09 05:00:00 发布
阅读量2.7k 收藏 1
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010476231/article/details/25738525
版权

今天看javascript的时候突然想到了这个问题，就总结了一下

javascript脚本放在HTML中的<head>和<body>的区别：

1、放在<head>的页面会先加载，但是函数不会立即执行，只有在调用这个函数的时候才会执行；放在<body>的函数会在页面加载的时候执行；
2、javascript脚本放在<head>，在加载页面的时候，就同时加载了javascript代码，可以使代码的功能更加强大；javascript脚本放在<body>，不需要加载javascript代码，可以提高速度，在小程序中看不出区别，但是放在很大很复发的程序中，区别就明显了；
3、浏览器解释html是按先后顺序进行的，放在<
1、当javascript要在页面加载过程中动态建立一些head>里的javascript代码会先执行；
4、进行页面初始化的javascript必须放在<head>里面，因为初始化要求提前进行，如果是通过调用事件执行的函数对位置没什么要求；

总之，牢记以下两点就差不多了:

1、当javascript要在页面加载过程中动态建立一些web页面的内容时，应将javascript放在<body>中；

2、当定义为函数并用于页面事件的javascript应当放在<head>中，因为他会在<body>之前加载。
web前端开发----唐敏
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript提高加载和执行效率的方法
12-12
前言 无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或 JavaScript 的命名空间，它们对后面页面内容造成影响。 一个典型的例子就是在页面中使用[removed]() 。 JavaScript 代码内嵌示例 <html> <head> <title>Source Example</title> </head> <body> <p> <script type="text/
js在html中写在head与body中的区别
u012972326的专栏
09-28 1239
因为浏览器解析html是从上到下的。   如果把javascript放在head里的话，则先被解析,但这时候body还没有解析，所以会返回空值。一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码：    windows.onload=function(){        //这里放入执行代码    } 说明: 放在head中的JS代码会在页面加载完成之前就读取，而放在b...
HTML至核心：HTML 中的 ＜body＞ 标记
最新发布
新华编程特战队
02-09 1644
在本文中，您将了解名为 标记的 HTML 元素。正文标签包含网页的所有主要内容，如标题、段落、图像、表格等。它始终包含在 标记中。您在 Web 浏览器上看到的所有内容都将出现在 标签中。HTML 标签包含网页的所有主要内容，例如标题、段落、图像、表格等。 标签内的所有内容仅在网页上可见。HTML 标签具有 bgcolor、text 等属性，可以改变网页的外观。HTML 标记。
JavaScript在head和body中加载的区别（含相关变量初始化问题）及原生js的解决方法
m0_53163870的博客
02-20 1259
  JavaScript在加载head和body时有很多不同的地方，当把Script标签放到开头的head里会发现与在body末尾的Script标签有很大的区别。 一、相对于对body标签而言，head标签的js不同   由于html的加载顺序为从上到下运行，会先解析head标签中的代码。   而head标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件当遇到script标签的时候，浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）   如果 < s
[html] js放在html的＜body＞和＜head＞有什么区别？
歌谣的博客
03-09 286
[html] js放在html的和有什么区别？ 在浏览器解析HTML中的时候，如果在head标签中遇到了script标签并且是同步执行的，那么就会影响文档的加载，如果引入的过多的同步脚本文件 那么加载会变得非常怪异且卡顿；但是放在body中，根据script标签，从上到下的解析顺序，它不会对html进行阻塞； 那么在一般业务中我们如何做呢？一般情况下是在网站中，同步在head加载的脚本通常是业务必须的，比如说我要注册一个window对象，或者用document.write写入一些内容，或者是业务需求，我
javascript代码写在哪里？＜body＞ 和＜head＞里面的js有什么区别？
wang2love的博客
12-22 981
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。在HTML里引用外部文件里的Javascript，应在Head里写一句，其中src的值，就是Javascript所在文件的文件路径。head中脚本: 需调用才执行的脚本或事件触发执行的脚本。当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。body中脚本: 页面被加载时执行的脚本，通常被用来生成页面的内容。
JS代码放在head和body中的区别分析
12-10
那么有什么不同呢？先看一个例子： 一个二级级联动态下拉列表框，一级分类（即大类别）id=”vSort0″. 代码如下: <head> function changelocation(id) {…………} </head> <body><select class=”input1″ id=”vSort0″ name=”vSort0″ onChange=”changelocation(document.form4.vSort0.options[document.form4.vSort0.selectedIndex].value);” style=”width:100px;”>……省略……</sele
html-javascript放在head和body的区别以及js文件加载带来的阻塞
风起
07-24 1970
文章目录1. JavaScript放在head和body的区别2. js文件加载的阻塞 1. JavaScript放在head和body的区别 在HTML head部分中的JavaScripts会在被调用的时候才执行。 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。 body 部分中的脚本: 当页面被加载
head标签与body标签的区别
Mr.zhou
11-18 5778
是说明这个是一个网页。告诉浏览器这个网页的开始和结束。他包含了之后的两个元素和之间的内容，是元信息和网站的标题 元信息一般是不显示出来的,但是记录了你这个HTML文件的很多有用的信息.///这边是文档申明。说明这是一个html制作的网站。//这里是元信息。里面可以定义网页的字符格式和写出网页的详细信息（如。作者。关键词等）页面的标题这里面显示的就是一个页面的信息，也就是浏览器呈现出来的，用户
Js放在head和body中的区别
sinat_24413951的博客
09-17 737
在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。一、区别 浏览器解析html是从上到下的。 如果把javascript放在head里的话，则先被解析,但这时候body还没有解析，所以会返回空值。一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码： windows.onl
javascript学习笔记(一) 在html中使用javascript
01-19
1.延时脚本运行的方法： 方法一：把全部javascript引用放在<body>元素中，页面内容后，如 代码如下: <html> <head> <title>示例1</title> </head> <body> <!–页面...
在HTML中插入JavaScript代码的示例
01-19
在HTML文档中的任何地方可包括JavaScript代码。但也有以下的最佳方法来包含JavaScript在HTML文件。 在 <head>…</head> 部分. 在 <body>…</body> 部分. 在<body>…</body> ...
javascript标签在页面中的位置探讨
12-09
在制作网页的过程中，我们经常写类似下面的代码： [html] 代码如下: <html> <head> <title>Example HTML Page</title> [removed][removed] [removed][removed] </head> <body> ...
JavaScript与HTML的结合方法详解
11-23
HTML中的JavaScript脚本必须位于[removed]与[removed]标签之间，JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中，这种视情况而定，一般放在<head>标签内。 一、[removed] 标签  如...
js制作日历1----------简单的日历
u010476231的专栏
05-12 1085
var monthnames = new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"), monthdays = new Array(12), todayDate = new Date(); monthdays[0] = 31; monthdays[1] = 28; mont
数据类型
u010476231的专栏
05-16 469
数据类型
翻页插件
u010476231的专栏
07-16 418
(function($) { $.fn.extend({ page: function(setting) { var defaultSet = { limit: 10, //每页显示的记录条数 pageCount: 1, //总页数 pageIndex:
<html><head><body>和<script><template><style scoped>的区别和使用场景
09-20
`<html><head><body>` 是 HTML 标签的基本结构，用于定义网页的整体结构。`<script>` 标签用于插入 JavaScript 代码，可以在网页中执行脚本。`<template>` 标签用于定义可复用的 HTML 模板，可以在 JavaScript 中进行操作和克隆。`<style scoped>` 标签用于定义作用域样式，只会应用于当前组件。 它们各自的使用场景如下： - `<html><head><body>` 标签是每个网页必备的结构，用于定义整体的 HTML 结构和页面布局。 - `<script>` 标签用于插入 JavaScript 代码，可以在网页中执行脚本，实现交互和动态效果。 - `<template>` 标签用于定义可复用的 HTML 模板，通常结合 JavaScript 进行操作和克隆，方便动态生成内容。 - `<style scoped>` 标签用于定义作用域样式，只会应用于当前组件，避免样式冲突和影响其他组件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值