详见：http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt239

1，在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。

  2，在body中时，直接加载并执行
典型的区别：
如果有不在函数中的执行语句，比如变量初始化，如果在head中就不会执行。
例如：

[html] view plaincopy

  1. <html>

  2. <head>

  3. <title>第一个Html5视频测试</title>

  4. <script type="text/javascript">

  5. var myVideo=document.getElementById("video1");

  6. function playPause()

  7. {

  8. if (myVideo.paused)

  9. myVideo.play();

  10. else

  11. myVideo.pause();

  12. }

  13. </script>

  14. </head>

  15. <body>

  16. <div style="text-align:center;">

  17. <button onclick="playPause()">播放/暂停</button>

  18. <br/>

  19. <video id="video1" src="mov_bbb.ogg" width="320" height="240" controls="controls">

  20. Your browser does not support the video tag.

  21. </video>

  22. </div>

  23. </body>

  24. </html>

点击“播放/暂停”时，playPause会被执行，但执行时myVideo对象没有定义的，因为定义和初始化语句被有执行过。
如果要执行，需要放在body

[html] view plaincopy

  1. <html>

  2. <head>

  3. <title>第一个Html5视频测试</title>

  4. </head>

  5. <body>

  6. <div style="text-align:center;">

  7. <button onclick="playPause()">播放/暂停</button>

  8. <br/>

  9. <video id="video1" src="mov_bbb.ogg" width="320" height="240" controls="controls">

  10. Your browser does not support the video tag.

  11. </video>

  12. </div>

  13. <script type="text/javascript">

  14. var myVideo=document.getElementById("video1");

  15. function playPause()

  16. {

  17. alert("AA");

  18. if (myVideo.paused)

  19. myVideo.play();

  20. else

  21. myVideo.pause();

  22. }

  23. </script>

  24. </body>

  25. </html>

当然，javascript放在head中有其他的好处的，所以，如果必须放在head中，变量初始化需要另外想办法

javascript 代码放在head和body的区别的更多相关文章

  1. JavaScript代码放在head和body的区别(QRCode生成)

    1.在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 2.在body中时,直接加载并执行 典型的区别: 如果有不在函数中的执行语句,比如变量初始化,如果在hea ...

  2. JavaScript问题01 js代码放在header和body的区别

    1 body和header中JavaScript执行的时机 1.1 header中 放在header中的javascript代码会进行预加载(即:在页面加载之前就会进行),所以需调用才执行的脚本或事件 ...

  3. JavaScript代码放在HTML代码不同位置的差别

    通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方.但放置的地方,会对 JavaScript 代码的正常执行会有一 ...

  4. asp.net mvc页面javascript代码中如何使用razor

    我们需要用<text>将javascript代码包含起来,强制让razor编译器回到内容模式, 或者将javascript代码放在函数中,让razor编译器可以识别,请看下面两个例子: & ...

  5. css和javascript代码写在页面中的位置说明

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. [转]JavaScript放在<head>和<body>的区别

    原文:http://liminhappygirl.iteye.com/blog/1841360 javaScript放在<head>和<body>的区别: 在HTML body ...

  7. javaScript放在head和body的区别

    JavaScript写在哪里? 内部:Html网页的<body></body>中: 内部:Html网页的<head></head>中: 外部:外部js文 ...

  8. 分析JavaScript代码应该放在HTML代码哪个位置比较好

    本文总结了多种放置JS代码的方法,需要的朋友可以参考下 在哪里放置 JavaScript 代码? 通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代 ...

  9. JavaScript之将JS代码放在什么位置最合适

    1.放到<head></head>标签里面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...

随机推荐

  1. Ubuntu超好用软件：markdown编辑器

    Ubuntu上好用的markdown编辑器:typora 安装教程: sudo add-apt-repository ppa:hzwhuang/ss-qt5 sudo apt-get update s ...

  2. Django 1.9 admin 使用suit 小记

    最近项目做到了后台管理的部分.Django虽然提供了后台管理,但是界面不咋好看.所以我使用了suit.官网http://djangosuit.com/ 步骤: 1,安装suit 项目settings. ...

  3. Java编写的日历，输入年月，输出这个月的日期与星期

    import java.util.Scanner; public class rili { public static void main(String[] args) { for (int g = ...

  4. PythonTip--一马当先--bfs

    刚学python,小试牛刀 一马当先 讨论此题 | 解题报告 顶(39) (AC/Submit)Ratio(477|1829)26.08% 踩(1) 描述: 下过象棋的人都知道,马只能走'日'字形(包 ...

  5. HDU 2094解题报告

    刚学完set,准备做个简单题目实践一下.结果半天都WA. 下面指出WA原因. 方法是这样的,把所有输的赢的都插入a1,输的插入a2: 那么如果最后name1-name2=1,则说明只有他没输过,能判断 ...

  6. 在Entity Framework 中用 Code First 创建新的数据库

    在Entity Framework 中用 Code First 创建新的数据库 (原文链接) 本文将逐步介绍怎样用Code First 创建新数据库,使用在代码中定义类和API中提供的特性(Attri ...

  7. PyV8

    待完善 pyv8是个js解析引擎, PyV8 是 V8 引擎的 Python 语言封装,这是 Python 和 JavaScript 对象之间的桥,支持在 Python 脚本中调用 V8 引擎. # ...

  8. C++ Socket学习记录 -1

    1.IP的转换 1)正转换 结构 sockaddr_in 在C++ 中表明一个IP地址结构,包含地址家,端口以及IP地址等信息 如: sockaddr_in addr; addr.sin_family ...

  9. LeetCode Algorithm

    LeetCode Algorithm 原文出处:[LeetCode] 算法参考:[陈皓 coolshell] 1. Two Sum 3. Longest Substring Without Repea ...

  10. .Net Core下通过Proxy 模式 使用 WCF

    .NET Core下的WCF客户端也是开源的,这次发布.NET Core 2.0,同时也发布了 WCF for .NET Core 2.0.0, 本文介绍在.NET Core下如何通过Proxy 消费 ...