如何線上上執行 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+ 次瀏覽

啟動您的職業生涯

完成課程後獲得認證

開始
廣告