一、JavaScirpt引入方式

1. 写在head中

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function () {   

            }
        </script>
    </head>
    <body>  

    </body>
</html>

注意:一定要添加window.onload = function () {}(表示网页加载完执行以下函数),否则按代码执行顺序从上到下执行,body中的代码便不会执行JS指令。

2. 写在body中或者body下面

<body>
   <div class=""> </div>
   <script type="text/javascript">
   
   </script>      
</body>
 <script type="text/javascript">

 </script>
    

注意:如果写在body中它上面的代码不会执行JS中的指令,一般建议写在body下面。

3. 写在外部文件中,在head中或者body后引入

1.在head中引入

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="rest.js" charset="utf-8"></script>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2.在body后引入

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
    </body>
    <script src="rest.js" charset="utf-8"></script>
</html>

注意:这两种引入方式也需要在外部文件中添加window.onload = function (){}。


以上内容纯属个人理解,由于水平有限,若有错漏之处敬请指出斧正,小弟不胜感激。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,383评论 2 17
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,741评论 0 8
  • JavaScript 将字符串转换为数字 parseInt() ◆只保留数字的整数部分,不会进行四舍五入运算。 ...
    AkaTBS阅读 4,545评论 0 9
  • 微风细雨露台湿,游者孤身念日迟。 满目云山无返路,一川飞鸟有归时。 曾经李素空霜叶,此去松青尽凊丝。 若送白驹肠断...
    FollowingSaints阅读 2,828评论 1 4
  • 梦中不知呼唤了多少次 你的名字 你的名字 深深的刻在了我的心头 儿时, 你轻轻的轻轻的把我放下 又依依不舍的抱起 ...
    肉多多的胖小静阅读 1,261评论 0 1