如何在線上運行JavaScript？

在本教學中，讓我們討論一下在線上執行Javascript的最佳方式。

正如我們所知，Javascript是一種流行的語言。有許多在線運行Javascript的選項。優化運行時和記憶體使用是所有這些工具面臨的挑戰。執行Javascript的簡單方法是使用瀏覽器控制台。按下F12鍵即可開啟瀏覽器控制台。

您可以將Javascript程式碼加入script標籤中，或載入外部的Javascript檔案。讓我們來看看在線運行Javascript的可用選項。

Codepen

的翻譯為：

Codepen

要在Codepen上執行Javascript，請只在JS空間輸入Javascript程式碼，然後點選結果標籤。輸出空間將顯示結果。 Codepen也提供了獨立的HTML和CSS區域。

Codepen擁有龐大的社群支持。每個人都可以在這裡分享項目。設定中包含選擇JavaScript/CSS/HTML預處理器、新增外部資源、在head標籤中新增通用內容、自動儲存程式碼以及程式碼間距的選項。

Liveweave

的中文翻譯為：

Liveweave

在Liveveave中的Web編輯器標籤中，我們可以在3個面板中編寫HTML片段、CSS和Javascript程式碼。儲存變更後，點擊運行圖示以取得輸出結果。 Javascript控制台和其他僅限於Javascript的Tidy格式化JS是Liveveave為Javascript提供的選項。

JS Bin

的翻譯為：

JS Bin

#JS Bin也為HTML、CSS、Javascript、控制台和輸出提供了獨立的程式碼空間。您只需輸入代碼即可查看結果。運行按鈕僅適用於從控制台選項卡直接運行。

Tutorialspoint

的中文翻譯為：

Tutorialspoint

線上JavaScript編輯器是最好的即時JavaScript編輯器和編譯器，提供易於使用且簡單的整合開發環境（IDE）。教程點的Coding Ground提供線上編譯器、終端和編輯器，供軟體開發人員編輯、編譯、執行和共享程式在線體驗最佳的雲端運算，您可以透過簡單的點擊編輯、編譯、執行和共享各種專案.

JS.do

的翻譯為：

JS.do

#'JS.do'提供了在腳本標籤中新增程式碼的選項。您可以根據需要在腳本標籤下方輸入HTML程式碼。您可以儲存更新並使用運行程式碼選項。此線上選項還提供了“另存為新的js”選項。

您可以透過 'JS.do' 載入程式碼範例，並透過執行程式碼在結果面板中查看結果。新增的框架提供了 JQuery、Bootstrap 等等。

JS Fiddle

的中文翻譯為：

JS Fiddle

#JS Fiddle有四個面板，分別是HTML、CSS、Javascript和結果。輸入代碼後，點擊運行圖示查看結果。

Playcode.io

的中文翻譯為：

Playcode.io

Play code給script.js輸入Javascript程式碼。 HTML可以在index.html中，CSS可以在style.css中。控制台可以單獨使用，網站視圖顯示輸出結果。

一個編譯器

One compiler是一個直覺的網站，可以在線上執行Javascript程式碼。 index.js是預設的Javascript檔。您可以根據需要添加更多的Javascript文件，並且可以使用運行按鈕來查看輸出結果。

Programiz

的翻譯為：

Programiz

‘programiz’是用來經營Javascript的小型網站。您可以在主要的js中輸入程式碼，並在旁邊的輸出標籤中查看輸出結果。

本教學討論了在線上執行Javascript的方法。我們建議先嘗試playcode.io、一個編譯器和'programiz'。這些都是非常簡單且最好的在線上運行Javascript的方式。

以上是如何在線上運行JavaScript？的詳細內容。更多資訊請關注PHP中文網其他相關文章！