嵌入javascript脚本的位置
JavaScript脚本可以放在HTML文档任何需要的位置。一般来说，可以在<head>与</head>、<body>与</body>标记对之间按需要放置JavaScript脚本代码。
一、放在<head>与</head>标记对之间
放置在<head>与</head>标记对之间的JavaScript脚本代码一般用于提前载入以响应用户的动作，一般不影响HTML文档的浏览器显示内容。如下是其基本文档结构：
1 <html>
2 <head>
3 <title>放置在<head>与</head>标记对之间</title>
4 <!--直接写JavaScript代码-->
5 <script type="text/javascript">
6 //JavaScript代码
7 </script>
8 <!--引入外部脚本-->
9 <script type="text/javascript" src="1.js"></script>
10 </head>
11 <body>
12 </body>
13 </html>
二、放置在<body>与</body>标记对之间
JavaScript脚本也可以放置在<body>与</body>标记对之间，可根据需要写多个独立的脚本代码段并与HTML代码结合在一起。
1 <html>
2 <head>
3 <title>放置在<body>与</body>标记对之间</title>
4 </head>
5 <body>
6 <!--直接写JavaScript代码-->
7 <script type="text/javascript">
8 //JavaScript代码
9 </script>
10 <!--引入外部脚本-->
11 <script type="text/javascript" src="1.js"></script>
12 </body>
13 </html>
注意：在<head>和<body>标签内可以有多个代码块，只要放在<script type="text/javascript">与</script>之间或者引入外部脚本即可。同时，JavaScript脚本也可以放在其他任意HTML标签之间，如<div>、<p>、<span>等。
说明：浏览器一般是从上到下渲染HTML，当遇到JavaScript代码时，浏览器将发生阻塞（不再解析后面的任何代码，包括HTML和JavaScript），有些浏览器在阻塞期间不会解析该JavaScript后面的HTML代码，必须等到该JavaScript代码执行完毕，才继续解析。如果将JavaScript放置在<head>...</head>或者<body>...</body>之间，经常会发生会发生这种现象：浏览器先是呈现一部分页面，再呈现后边的页面，中间间隔时间明显。这样带来的明显结果就是用户体验差。
因此，如无特殊要求，我们强烈建议将JavaScript代码置于<body>...</body>的最后。如：
<body>
<!--HTML代码-->
<script type="text/javascript">
</scirpt>
<script type="text/javascript" src="1.js"></scirpt>
</body>
原文链接：http://www.itxueyuan.org/view/6297.html
嵌入javascript脚本的位置的更多相关文章
- smarty模板中如何嵌入javascript脚本
[官方网站](http://www.php100.com/manual/smarty/) 在smarty文件里直接写javascript代码时候,造成500错误. javascript代码有很多的{} ...
- JavaScript脚本在页面中放置的位置
JavaScript脚本通常放置在三个位置: 1.head部分JavaScript脚本. 2.body部分JavaScript脚本. 3.单独以.js结尾的文件中的JavaScript脚本. 客户端会 ...
- JavaScript脚本语言基础（一）
导读: JavaScript代码嵌入HTML文档 JavaScript代码运行方式 第一个实例 JavaScript的三种对话框 定义JavaScript变量 JavaScript运算符和操作符 Ja ...
- JavaScript脚本语言基础（四）
导读: JavaScript和DOM DOM文档对象常用方法和属性 DOW文档对象运用 JSON数据交换格式 正则表达式 1.JavaScript和DOM [返回] 文档对象模型(Document O ...
- JavaScript脚本语言基础（三）
导读: 数学对象(Math) 数组对象(Array) 字符串对象(String) 日期对象(Date) js对象是属性和方法的集合.JavaScript中的所有事物都是对象,如:字符串.数值.数组.函 ...
- Windows桌面或服务器环境下嵌入JavaScript支持(JSRT)
很多人比较关注Google的JS V8 JavaScript引擎,确实Google最近很高调.但这个库在Windows下使用确实有点难度,即使在Linux嵌入,也需要下载gyp,编译安装,然后再下载v ...
- 浏览器环境下JavaScript脚本加载与执行探析之代码执行顺序
本文主要基于向HTML页面引入JavaScript的几种方式,分析HTML中JavaScript脚本的执行顺序问题 1. 关于JavaScript脚本执行的阻塞性 JavaScript在浏览器中被解析 ...
- 可嵌入的脚本引擎 Jx9
Jx9是一个可嵌入的脚本引擎,基于JSON实现了图灵完备(Turing complete)的编程语言. Jx9 是那些需要流行和高效率脚本支持应用程序(比如:游戏.数据库系统,文本编辑器,网络应用程序 ...
- javascript脚本何时会被执行
javascript脚本可以嵌入在html内的任意地方,但它何时被调用呢?当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况. 1.浏览器在打开页面时执 ...
随机推荐
- c风格字符串，字符串字面值，c++字符串
C风格字符串:本质上就是以空字符null为结束符的数组 可以简单的理解为:有'\0'的是c风格字符串,无'\0'的是普通字符数组 字符串字面值:是一串常量字符,字符串字面值常量用双引号括起来的零个或多 ...
- 第36篇 Asp.Net源码解析(一)
上面两篇文章说了http协议和IIS处理,这次说下当IIS把请求交给Asp.net后的过程. AppManagerAppDomainFactory 当IIS把请求交给asp.net时候,如果AppDo ...
- Selenium Web 自动化 - 项目持续集成（进阶）
Selenium Web 自动化 - 项目持续集成(进阶) 2017-03-09 目录 1 背景及目标2 环境配置 2.1 SVN的安装及使用 2.2 新建Jenkins任务3 过程分析 1 背景 ...
- 《你不知道的JavaScript》整理（六）——强制类型转换
JavaScript中通常分为两种类型转换,"隐式强制类型转换"(implicit coercion)和"显式强制类型转换"(explicit coercion ...
- Java体系结构---垃圾回收
1 垃圾回收 1.1 JVM的体系结构 1.1.1 JVM 相当与JAVA 的操作系统,是运行JAVA Class文件的程序. 1.1.2 JVM体系 监控调优,运行时内存结构,类加载,calss ...
- 3401: [Usaco2009 Mar]Look Up 仰望
3401: [Usaco2009 Mar]Look Up 仰望 Time Limit: 3 Sec Memory Limit: 128 MBSubmit: 136 Solved: 81[Submi ...
- Https握手协议以及证书认证
1. 什么是https Https = http + 加密 + 认证 https是对http的安全强化,在http的基础上引入了加密和认证过程.通过加密和认证构建一条安全的传输通道.所以https可以 ...
- JDBC连接数据以及操作数据
好久没有写博文了,写个简单的东西热热身,分享给大家. jdbc相信大家都不陌生,只要是个搞java的,最初接触j2ee的时候都是要学习这么个东西的,谁叫程序得和数据库打交道呢!而jdbc就是和数据库打 ...
- 一场完美的“秒杀”：API加速的业务逻辑
清晨,我被一个客户电话惊醒,客户异常焦急,寻问CDN能不能帮助他们解决“秒杀”的问题,他们昨天刚刚进行了“整点秒杀活动”,结果并发量过大,导致服务宕机,用户投诉. 为了理清思路,我问了对方三个问题: ...
- SBT使用阿里云Maven仓库，解决SBT下载依赖慢。
添加:~/.sbt/repositories 文件 文件内容: [repositories] local my-maven-repo: http://maven.aliyun.com/nexus/co ...