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

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,235评论 25 709
  • JavaScript 资源大全中文版很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的...
    wwmin_阅读 8,912评论 1 91
  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 11,206评论 7 113
  • 來內地十一年,來了上海半年!到哪個城市對我來說其實沒太大的差別!一樣是簡體字不是繁體,一樣是地鐵而不是捷運!對於我...
    依寧610阅读 1,751评论 0 2
  • 周二傻|2017 我可能是行走的光 穿越人间的流浪 我或许是暂停的风 雾霾浩荡 春风应是你的衣裳 只听见夏雨在轻轻...
    周二傻阅读 1,706评论 0 0

友情链接更多精彩内容