js script放在head和body里面的区别

最新推荐文章于 2021-07-28 07:48:29 发布

yemou_blog

最新推荐文章于 2021-07-28 07:48:29 发布

阅读量3k

点赞数 1

分类专栏： body js javascript head

本文链接：https://blog.csdn.net/yemou_blog/article/details/50292343

版权

javascript 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

body

1 篇文章 0 订阅

订阅专栏

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

java script放在head和body的区别

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

典型的区别：

如果有不在函数中的执行语句，比如变量初始化，如果在head中就不会执行。

例如：

[html]view plaincopy
         
     
<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]view plaincopy
         
     
<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中，变量初始化需要另外想办法

yemou_blog

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js script放在head和body里面的区别

详见： http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp66 java script放在head和body的区别 1，在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。 2，在body中时，直接加载并执行典型的区别：如果有不在函数中的执行语
复制链接

扫一扫