javascript放在head和body的区别(w3c建议放在head标签中)
JavaScript脚本放在哪里 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。—————————————————————————— JavaScript应放在哪里 页面中的JavaScripts会在浏览器加载页面的时候被立即执行,我们并不希望总是这样,有时候我们想让一段脚本在页面加载的时候执行,而有时候我们想在用户触发一个事件的时候执行脚本。head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。<html> <head> <script type=”text/javascript”> …. </script> </head> body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。<html> <head> </head> <body> <script type=”text/javascript”> …. </script> </body> body 和 head 部分可同时有脚本:你可在文件中放无数的脚本,因此你的文件中可以在body和head部分同时存在脚本。<html> <head> <script type=”text/javascript”> …. </script> </head> <body> <script type=”text/javascript”> …. </script> </body> ———————————————————————————– 外部脚本的使用有时候你可能想在几个页面中运行同样的脚本程序, 而不需在各个页面中重复的写这些代码。这时你就要用到外部脚本。你可以把脚本写在一个外部文件中,保存在扩展名为 .js的文件中。注意:外部脚本文件中不要包含标记符<script>!使用外部脚本时将标记符<script> 的“src”属性值指向相应的.js文件就可以了:<html> <head> <script src=”xxx.js”></script> </head> <body> </body> </html> 注意: 记得这个指向外部脚本文件的script标记符就放在你通常会写脚本的地方!1:将JavaScript标识放置<Head>... </Head>在头部之间,使之在主页和其余部分代码之前预先装载,从而可使代码的功能更强大; 比如对*.js文件的提前调用。 也就是说把代码放在<head>区在页面载入的时候,就同时载入了代码,你在<body>区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了。当然也可以将JavaScript标识放置在<Body>... </Body>主体之间以实现某些部分动态地创建文档。 这里比如制作鼠标跟随事件,肯定只有当页面加载后再进行对鼠标坐标的计算。或者是filter滤镜与javascript的联合使用产生的图片淡入淡出效果2:放入html的head,是页面加载前就运行,放入body中,则加载后才运行javascript的代码~~~所以head里面的先执行。3:要是function就没有区别要是<script>alert(1)</script>会跟放的位置有关一个事head加载完就 alert 一个是要跟在body中加载循序alert客户端脚本一般放在 <head> </head> 之间,而且要用 <!-- --> 把代码括起来。 如果浏览器不支持此脚本,那么浏览器会 跳过它,不去执行,也不会提出错误信息
转载于:https://www.cnblogs.com/socketqiang/p/11281136.html
javascript放在head和body的区别(w3c建议放在head标签中)相关推荐
- 阅读与html阅读的区别,w3c School读书笔记(一):HTML基础
html的基础知识 文档的基本结构 题目 一级标题 脑图 html_基础的结构 常见元素 结构类 定义了文档的框架结构 块级元素,标题,1-6 字体逐渐减小 块级元素,组织文本的段落 块级元素其他元素 ...
- 《JavaScript权威指南第7版》第15章 Web浏览器中的JavaScript 15.1 15.2 15.3
第15章 Web浏览器中的JavaScript 15.1 网络编程基础 15.1.1 HTML script 标签中的JavaScript 模块 指定脚本类型 脚本运行时:异步和延迟 按需加载脚本 1 ...
- 【扫盲帖】Java、JavaScript、JSP、JScript 的区别与联系
[转自]http://developer.51cto.com/art/200907/140294.htm ==>JavaScript与Java的联系和区别 JavaScript与Java的语法比 ...
- 一文读懂 JavaScript 和 Python 九大语义区别
作者 | Ruqayyah Sara 译者 | 弯月,责编 | 伍杏玲 出品 | CSDN(ID:CSDNnews) 我是一名全栈开发.前几天我一直在研究算法和数据结构,因为对于程序员而言,最重要能力 ...
- JavaScript substr() 和 substring() 方法的区别
JavaScript substr() 和 substring() 方法的区别 substr 方法 返回一个从指定位置开始的指定长度的子字符串. stringvar.substr(start [, l ...
- JavaScript返回上一页代码区别
JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:win ...
- 详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景 一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...
- 你可能不知道的java、python、JavaScript以及jquary循环语句的区别
一.概述 java循环语句分为四种形式,分别是 while, do/while, for, foreach: python中循环语句有两种,while,for: JavaScript中循环语句有四种, ...
- 在a标签中使用javascript
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
最新文章
- Windows系统一键安装zabbix agent
- 北京大学崔斌教授组招收图机器学习、AutoML等方向科研实习生
- OpenCASCADE绘制测试线束:性能评估命令之VDrawSphere
- kill linux 信号量,kill用法详细解释(特别是信号量9的使用以及理解)
- apache.camel_Apache Camel 2.11发布
- 自定义Mybatis框架
- thinkcmf 横向排列数据_利用python进行数据分析之数据清洗规整
- SyntaxError: ‘return‘ outside function 在python里面的报错问题
- np生成多维数组数组比较
- SpringCloud工作笔记036---oauth2微服务Establishing SSL connection without server's identity verification
- 危险的化学 —— 氢氟酸
- 计算机视觉基础:霍夫变换(Computer Vision Fundamentals: Hough Transform)
- 英伟达(NVIDIA)控制面板不见了
- Ubuntu 10.04 安装 RTX 2009
- GET和POST请求的区别详解
- c语言自动插桩,01 - LLVM Pass 实现 C函数 插桩
- 2023年前实现大型工业企业5G应用渗透率超35%!模组企业如何保驾护航?
- html页面的src引用网络图片无法显示
- 解决QT-mingw32编译“ too many sections(...)”问题
- 求解广州到上海用时最短的路径,使用中国地图超详细剖析Dijkstra算法思想