了jQuery的Javascript相當於

Question

我是新來的JavaScript和還jQuery和一直在試圖轉換這個腳本：

$(document).ready(function() { 
    $('#var').val('value'); 
    document.forms[0].submit(); 
}); 

使用只有JavaScript，任何人都可以在JS解釋等同的功能呢？

Answer 1

使用DOMContentLoaded相當於ready。

DOMContentLoaded事件在完成加載和解析完初始HTML文檔後觸發，無需等待樣式表，圖像和子幀完成加載。一個非常不同的事件 - 加載 - 應該只用於檢測完全加載的頁面。對於DOMContentLoaded更合適的用戶來說，這是一個令人難以置信的流行錯誤，所以要謹慎。

對於id選擇器使用getElementById。

返回元素的引用ID。

JavaScript代碼：

document.addEventListener("DOMContentLoaded", function (event) { // Equivalent of ready 
    document.getElementById('var').value = 'value'; 
    document.forms[0].submit(); 
});