JavaScript 编辑/开发工具

204次阅读
没有评论

共计 796 个字符,预计需要花费 2 分钟才能阅读完成。


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

 

记事本编写 js

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

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

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

<html>
<head>
    <title> 我的第一个网页 </title>
    <script type="text/javascript">
        document.write("19WEB 开发教程 JavaScript 入门教程");
    </script>
</head>
<body>
</body>
</html>

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

JavaScript 编辑 / 开发工具

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

JavaScript 编辑 / 开发工具

 

Visual Studio 编写 js

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

JavaScript 编辑 / 开发工具

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

<script type="text/javascript">
    document.write("19WEB 开发教程 JavaScript 入门教程");
</script>

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

JavaScript 编辑 / 开发工具

在浏览器预览效果如下:

JavaScript 编辑 / 开发工具


正文完