JavaScript 从零开始首页投稿(暂停使用,暂停投稿)程序员

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

2017-06-19  本文已影响122人  已重置2020
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
上一篇下一篇

猜你喜欢

热点阅读