• :在线测试工具暂时不可用,小伙伴们可以使用本地编辑器来代替,绿叶全新版本正在快马加鞭开发中,比心~

1.2 JavaScript编辑工具

常见的JavaScript编辑工具有很多,例如记事本、Dreamweaver和Visual Studio,还有Sublime Text、Notepad++等。这节课我们主要讲解一下记事本和Visual Studio的用法,因为Visual Studio是本系列课程推荐使用的编辑器。

一、记事本编写js

记事本可以说是最简洁方便的文本编辑器了,HTML、CSS和JavaScript都可以使用记事本编写。不过呢,由于记事本的功能比较单一,没有代码提示功能或可视化编辑,所以如果使用记事本编写JavaScript,要求开发者对JavaScript语言非常熟悉才行。因此,并不建议使用记事本。

但是由于记事本简单方便、打开速度快,所以常常用来做局部修改。接下来我们试着用记事本写一个简单的JavaScript程序。

第一步:新建“记事本”,把下面这段代码复制到记事本中去,然后保存,将记事本名字改为“我的第一个网页”。

 
<html>
<head>
    <title>我的第一个网页</title>
    <script type="text/javascript">
        document.write("绿叶学习网JavaScript入门教程");
    </script>
</head>
<body>
</body>
</html>

第二步:将记事本后缀名“.txt”改为“.html”:

记事本编写JavaScript

第三步:点击“我的第一个网页.html”这个HTML文件,就可以在浏览器打开了。在浏览器预览效果如下:

记事本JavaScript

二、Visual Studio编写js

Visual Studio是我们整个系列课程推荐使用的编辑器。对于Visual Studio如何新建网页,请参考HTML入门教程中的“Visual Studio使用”这一节。

第一步:我们新建一个HTML页面,打开如下:

Visual Studio编写JavaScript

第二步:我们在<head></head>添加下面这段代码:

 
    <script type="text/javascript">
        document.write("绿叶学习网JavaScript入门教程");
    </script>

第三步:然后点击顶部上方的预览按钮:


在浏览器预览效果如下:


对于如何在Dreamweaver的添加JavaScript,这个跟Visual Studio类似,都是在<head></head>中添加即可,在此不再详细讲解。

常用的JavaScript编辑器除了Dreamweaver和Visual Studio,还有Sublime Text、Notepad++和webstrom等,大家可以去了解一下。对于这些软件的下载,可以到绿叶论坛的“资源分享区”找找看

工具下载

Visual Studio 2010简体中文(免费版)

Dreamweaver CS5简体中文版

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取学习资源以及配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:519225291(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部