首页 > 代码库 > Javascript-基础篇<Script></script>的基础使用

Javascript-基础篇<Script></script>的基础使用

1.属性:

  1.1.async:可选,表示立即加载该脚本,但不妨碍页面中其他的操作,比如下载其他的脚本。

   实例:

  

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            作者:qindao@163.com
            时间:2017-04-07
            描述:这里放内容
        -->
        <script type="text/javascript" async="async" src=http://www.mamicode.com/"test1.js"></script>
         <script type="text/javascript" async="async" src=http://www.mamicode.com/"test2.js"></script>
    </body>
</html>

 

注意事项:两个外部脚本文件之间都是可以互不干扰的立即下载,需要确保的是的两个文件之间没有相互依赖

1.2 defer:可选,表示延迟加载直到文档完全被加载解析完成后再执行。只对外部文件有用。

  实例:

    

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            描述:这里放内容
        -->
        <script type="text/javascript" defer="defer" src=http://www.mamicode.com/"test1.js"></script>
        <script type="text/javascript" defer="defer" src=http://www.mamicode.com/"test2.js"></script>
    </body>
</html>

 

注意事项:HTML5中规定要求延迟脚本要求按照延迟脚本的出现顺序来先后实行脚本的,第一个延迟脚本会在第二个延迟脚本先前执行。而这两个脚本会先于DOMCountentLoaded事件执行。而现实当中,延迟脚本不一定按照出现的先后顺序执行,也不一定先于DOMCountentLoaded事件执行。

1.3 charset:可选,表示通过src属性指定的代码的字符集,已被忽略不做深究。

1.4 language:已废弃,不做深究。

1.5 src :包含要执行代码的外部文件。

1.6 type: 可选,表示编写代码使用的脚本内容的类型。text/javascript和text/ecmascript都已经不被推荐使用,但是基于一直以来的用户习惯。目前还是建议使用,不过并不是必须的,没有指定这个属性,则其默认值还是text/javascript

 

Javascript-基础篇<Script></script>的基础使用