JavaScript 是一種非常強大的編程語言，它可以在瀏覽器中運行，與 HTML 和 CSS 結合使用，實現動態網頁效果。在 JavaScript 中，我們可以通過提交表單或點擊按鈕等方式來觸發代碼執行，并且還可以將運行結果輸出到頁面上。

在實際開發中，JavaScript 提交輸出主要有兩種方式：alert 彈框和文本輸出。alert 彈框和文本輸出的區別在于，alert 彈框是一種彈出式的窗口，一般用來提示錯誤信息或者詢問用戶操作，而文本輸出則是將結果直接輸出到網頁上。

// alert彈框示例代碼
alert("Hello World!");

上面的代碼將會輸出一個彈框，內容為“Hello World!”。如果我們想要將結果輸出到網頁上，可以使用 document.write 或 innerHTML 方法。

// document.write示例代碼
document.write("Hello World!");

上面的代碼將 Hello World! 直接輸出到當前網頁上。而如果我們想要在頁面中指定一個元素，將結果輸出到該元素內，我們可以使用 innerHTML 方法。

// innerHTML示例代碼
document.getElementById("demo").innerHTML = "Hello World!";

上面的代碼指定了一個 ID 為 demo 的元素，在該元素內輸出了 Hello World!。

除了直接輸出外，我們還可以將結果作為函數返回值輸出。這種方式適用于需要對輸出結果進行處理的情況，例如將多個字符串拼接起來。

// 函數返回值示例代碼
function addString(str1, str2){
return str1 + " " + str2;
}
var result = addString("Hello", "World!");
document.write(result);

上面的代碼定義了一個函數，將兩個字符串通過加號拼接，然后返回結果。在調用該函數時，將返回值賦值給變量 result，然后通過 document.write 輸出結果。

除了上述幾種方式外，我們還可以將結果作為頁面元素屬性，例如將結果賦值給按鈕的 value 屬性。

// 控件屬性示例代碼
document.getElementById("myBtn").value = "OK";

上面的代碼將 ID 為 myBtn 的按鈕的 value 屬性賦值為 OK，從而將結果輸出到按鈕上。

使用 JavaScript 進行提交輸出需要注意以下幾點：

1. 輸出的內容應該符合安全規范，例如避免注入攻擊。

2. 輸出的代碼應該經過嚴格的測試，避免出現運行錯誤。

3. 涉及到交互操作時，應該考慮用戶體驗，減少冗余的彈框或輸出。

4. 代碼應該進行模塊化設計，避免冗長的操作和邏輯混亂。

在實際開發中，我們應該根據實際情況選擇適合的輸出方式，并且遵守相應的規范和約定，以確保代碼的可靠性和效率。