[JavaScript] (Day-01) - 简介和快速入门

作者: 已重置2020 | 来源:发表于2017-06-19 22:02 被阅读122次
    Success is the sum of small efforts, repeated day in and day out. 成功就是日复一日那一点点小小努力的积累。

    JavaScript 简介

    1、JavaScript 是世界上最流行的脚本语言
    2、JavaScript 被设计为向 HTML 页面增加交互性
    3、JavaScript 是一种轻量级的编程语言。
    4、JavaScript 是可插入 HTML 页面的编程代码
    5、JavaScript 是属于 web 的语言,适用于电脑、手机、平板上浏览的所有的网页,以及基于 HTML5的手机 App


    JavaScript 调试工具

    JavaScript 和 HTML 是密不可分的,所以对于JavaScript 的调试,使用 H5 开发工具即可,我使用的是 HBuilder,其他也行


    hbuilder.png

    HBuilder 官网


    JavaScript 快速入门

    JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中

    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script>
                alert("hello JavaScript");
            </script>
        </head>
        <body>
            ...
        </body>
    </html>
    

    由<script>...</script>包含的代码就是JavaScript代码,它将直接被浏览器执行。

    第二种方法是把JavaScript代码放到一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件:

    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script type="text/javascript" src="js/main.js" ></script>
        </head>
        <body>
            ...
        </body>
    </html>
    

    把JavaScript代码放入一个单独的.js文件中更利于维护代码,并且多个页面可以各自引用同一份.js文件
    其中 type="text/javascript" 可以省略不写


    HBuilder 的使用

    QQ20170619-220109.png

    相关文章

      网友评论

      本文标题:[JavaScript] (Day-01) - 简介和快速入门

      本文链接:https://www.haomeiwen.com/subject/ytsnqxtx.html