zoukankan      html  css  js  c++  java
  • HTML-HTML链接JavaScript的几种方法

     

    把JavaScript文件放在head中

    标准方法是把JavaScript文件放到head标签内。

    <head>
        <script type="text/javascript" src="dreamdu.js"></script>
    </head>
    
    • 如果浏览器不支持JavaScript,将忽略script标签里面的内容,可以避免使用<!-- ... //-->(内部引用)。
    • 当JavaScript有任何HTML实体时,也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。
    • JavaScript文件必须使用js为文件后缀。

    把JavaScript文件放在body前

    为防止网页加载缓慢,也可以把非关键的JavaScript放到网页底部,例如下面的代码。

            <script type="text/javascript" src="dreamdu.js"></script>
        </body>
    </html>
    

    通常JavaScript文件可以使用script标签加载到网页的任何一个地方,但是标准的方式是加载在head标签内。

    JavaScript文件的内容

    JavaScript文件可以包含任何的JavaScript代码,比如dreamdu.js文件中

    document.write("www.dreamdu.com");
    document.write("梦之都");
    

    JavaScript文件外部加载的好处

    • 避免使用<!-- ... //-->,骇客技术。
    • 避免使用CDATA。
    • 统一定义JavaScript代码,方便查看,方便维护。
    • 使代码更安全,可以压缩,加密单个JavaScript文件。
    • 浏览器可以缓存JavaScript文件,减少宽带使用(当多个页面同时使用一个JavaScript文件的时候,通常只需下载一次)。

    JavaScript文件外部加载的注意事项

    • 不要把JavaScript分为多个文件,多个文件会增加服务器的负担,增加服务器的HTTP请求。
    • 一个JavaScript文件也会增大HTTP请求。
    • 为什么有些网站的JavaScript文件后面有一串数字?比如:
    <script type="text/javascript" src="dreamdu.js?1217128319"></script>
  • 相关阅读:
    js代码编写规范
    mysql数据库的水平拆分与垂直拆分
    git使用WebHook实现自动构建
    解决php
    laravel为模型中所有查询统一添加WHERE条件
    centos7+ 安装 php7.2
    nginx配置https
    git常用命令
    php如何应对秒杀抢购高并发思路
    nginx配置优化+负载均衡+动静分离详解
  • 原文地址:https://www.cnblogs.com/shenyangxiaohuo/p/5232819.html
Copyright © 2011-2022 走看看