js script放在head和body里面的区别
来源:互联网 发布:centos 压缩命令 编辑:程序博客网 时间:2024/05/17 08:27
详见: http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp66
java script放在head和body的区别
1,在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始。 2,在body中时,直接加载并执行
典型的区别:
如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行。
例如:
- <html>
- <head>
- <title>第一个Html5视频测试</title>
- <script type="text/javascript">
- var myVideo=document.getElementById("video1");
- function playPause()
- {
- if (myVideo.paused)
- myVideo.play();
- else
- myVideo.pause();
- }
- </script>
- </head>
- <body>
- <div style="text-align:center;">
- <button onclick="playPause()">播放/暂停</button>
- <br/>
- <video id="video1" src="mov_bbb.ogg" width="320" height="240" controls="controls">
- Your browser does not support the video tag.
- </video>
- </div>
- </body>
- </html>
点击“播放/暂停”时,playPause会被执行,但执行时myVideo对象没有定义的,因为定义和初始化语句被有执行过。
如果要执行,需要放在body
- <html>
- <head>
- <title>第一个Html5视频测试</title>
- </head>
- <body>
- <div style="text-align:center;">
- <button onclick="playPause()">播放/暂停</button>
- <br/>
- <video id="video1" src="mov_bbb.ogg" width="320" height="240" controls="controls">
- Your browser does not support the video tag.
- </video>
- </div>
- <script type="text/javascript">
- var myVideo=document.getElementById("video1");
- function playPause()
- {
- alert("AA");
- if (myVideo.paused)
- myVideo.play();
- else
- myVideo.pause();
- }
- </script>
- </body>
- </html>
当然,javascript放在head中有其他的好处的,所以,如果必须放在head中,变量初始化需要另外想办法
0 1
- js script放在head和body里面的区别
- js script放在head跟body里面的区别
- java script放在head和body的区别
- 学习笔记--javascript 的<script></script>放在body和<head></head>的区别
- js放在<head>里 和 <body>里的区别
- javascript(js)放在head和body的区别
- JS代码放在head和body的区别
- js代码放在head和body的区别
- JS放在head和放在body中的区别
- JS放在head和放在body中的区别
- JS放在head和放在body中的区别
- Js代码用<script>调用时,放在<head>与<body>的区别
- JS代码放在head和body中的区别
- JS代码放在head和body中的区别分析
- Js放在head和body中的区别
- Js放在head和body中的区别
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别分析
- js操作cookie 使用详解
- duilib中ListCtrl控件的实现
- sql优化策略之索引失效情况二
- js并行加载,顺序执行
- java 静态方法分析
- js script放在head和body里面的区别
- JS类的封装及实现代码
- kali攻防第10章 Burp Suite功能的简单介绍
- Cassandra HBase和MongoDb性能比较
- cURL上传图片等文件使用CURLFile class 替代 @filename API
- Http get方式url参数长度以及大小
- plsql自动补全
- JS 正则表达式
- CyclicBarrier和CountDownLatch介绍