如何在html中调用js代码？javascript用什么工具编写？

如何在html中调用js代码?

01

首先打开Sublime text软件编写一个html页面

02

然后我们在html页面中添加script标签，在script里简单的写一些JS的代码

03

接下来可以定义一个button按钮，通过其click事件来调用JS的代码

04

当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入才可以使用

javascript用什么工具编写?

可以编写javascript代码的工具

1、Webstorm

这是最智能化的JavaScript IDE。WebStorm虽然小巧，但是功能非常强大，完全可以应付复杂的客户端开发和服务器端开发。

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

2、Sublime Text

Sublime Text实际上并不是一种IDE，而是一个轻量级的、速度飞快的用于编程的文本编辑器，提供了语法高亮功能和直观的键盘快捷键。它本身是跨平台的，因此对于那些想在PC环境中使用Mac(或者反之)的开发者来说是理想的选择。Sublime Text的每个部分几乎都是可以进行自定义的，它还提供了多种插件，为它加入了类似于IDE的功能，例如和Git的集成，以及代码整理。对于JavaScript的爱好者和新手开发者来说，它是一个很好的选择。

3、Atom

Atom是GitHub团队开发的。开发者可以很容易地对Atom进行自定义。Atom自带了一个包管理工具，代码补全，文件系统浏览器，支持多个平台以及其他有用的功能。

4、Visual Studio Code

Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言(例如C++，C#，Java，Python，PHP，Go)和运行时(例如.NET和Unity)扩展的生态系统。

5、HBuilder

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

6、Eclipse

Eclipse 是著名的跨平台的自由集成开发环境(IDE)。最初主要用来Java语言开发，但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

7、Notepad

Notepad++是一套非常有特色的自由软件的纯文字编辑器(许可证:GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8 技术)。它的功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合当作编写电脑程序的编辑器。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

8、ACe

Ace是一款用JavaScript编写的可嵌入的代码编辑器。它配备了，如Sublime、Vim和TextMate等本地编辑器的功能和性能。它可以很容易地嵌入任何网页和JavaScript应用程序中。

9、codepress

CodePress是一款用JavaScript写成的基于web的源代码编辑器，并且在编辑框中编写源代码时，能够实时对语法进行着色加亮显示。

10、scripted

Scripted是一款快速又小巧的代码编辑器，最初就专注于JavaScript的编辑。Scripted也是一个基于浏览器的编辑器，并且编辑器本身就是从在本地运行的Node.js服务器实例上提供的服务。

11、Netbeans

这是另一个令人印象非常深刻的，非常好使的代码编辑器，支持Javascript等多种编程语言。

12、Spket IDE

Spket IDE是一款功能强大的工具包，支持JavaScript和XML开发。其强大的功能可用于JavaScript、XUL/XBL和Yahoo! Widgetd的编辑开发。 这款JavaScript编辑器提供了像代码完成、语法高亮和内容概要等功能，可帮助开发人员高效地创建JavaScript代码。