如何在線上运行 JavaScript?


在本教程中,让我们讨论在线运行 Javascript 的最佳方法。

众所周知,Javascript 是一种流行的语言。有很多方法可以在线运行 Javascript。优化运行时间和内存使用是所有这些工具面临的挑战。运行 Javascript 的一种简单方法是浏览器控制台。按 F12 键即可打开浏览器控制台。

您可以在 script 标签中添加 Javascript 代码或加载外部 Javascript 文件。让我们了解一下在线运行 Javascript 的可用选项。

Codepen

要使用 Codepen 运行 Javascript,只需在 JS 空间中输入 Javascript 代码,然后单击“结果”选项卡即可。输出空间将显示结果。Codepen 还为 HTML 和 CSS 提供了单独的区域。

Codepen 拥有强大的社区支持。每个人都可以在此分享项目。设置中包含用于选择 JavaScript/CSS/HTML 预处理器、添加外部资源、在 head 标签中添加常规内容、自动保存代码和代码间距的选项。

Liveweave

Liveweave 中的 Web 编辑器选项卡允许我们在 3 个面板中编写 HTML 代码片段、CSS 和 Javascript。保存更改后,单击运行图标即可获得输出。Javascript 控制台和仅格式化 JS 是 Liveweave 为 Javascript 单独提供的其他选项。

JS Bin

JS Bin 还为 HTML、CSS、Javascript、控制台和输出提供了不同的代码空间。您可以只需输入代码即可查看结果。运行按钮仅适用于从控制台选项卡直接运行。

Tutorialspoint

在线 JavaScript 编辑器 是最佳的实时 Javascript 编辑器和编译器,它提供易于使用和简单的集成开发环境 (IDE)。Tutorials Point 的 Coding Ground 为软件开发人员提供在线编译器、终端和编辑器,用于在线编辑、编译、执行和共享程序,体验最佳的云计算,您可以通过简单的点击来编辑、编译、执行和共享各种项目。

JS.do

“JS.do”提供创建新代码选项,以便在 script 标签中添加新代码。您可以根据需要在 script 标签下方输入 HTML。您可以保存更新并使用运行代码选项。“另存为新 js”选项也适用于此在线选项。

您可以通过“JS.do”加载代码示例,并通过运行代码在结果面板中查看结果。添加框架提供 JQuery、Bootstrap 等。

JS Fiddle

JS Fiddle 有四个面板,用于 HTML、CSS、Javascript 和结果。输入代码后,单击运行图标即可查看结果。

Playcode.io

Play code 提供 script.js 用于输入 Javascript 代码。HTML 可以放在 index.html 中,CSS 可以放在 style.css 中。控制台是单独提供的,网站视图显示输出。

One compiler

One compiler 是一个简单的网站,用于在线运行 Javascript。index.js 是默认的 js 文件。您可以根据需要添加更多 js 文件,并且可以使用运行按钮查看输出。

Programiz

“programiz”是一个小型网站,用于运行 Javascript。您可以在 main.js 中输入代码,并在其旁边的输出选项卡中查看输出。

本教程讨论了在线运行 Javascript 的方法。我们建议首先使用 playcode.io、one compiler 和“programiz”。这些方法非常简单,也是在线运行 Javascript 的最佳方法。

更新于:2022年12月28日

1K+ 次浏览

启动您的职业生涯

完成课程后获得认证

开始
广告