了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(); 
});