javascript - 如何使用 JavaScript 检查 DOM 是否准备就绪?

标签 javascript dom

我在我的 jsp 中使用这个脚本。有时当我点击那个特定的按钮时它工作正常但有时它不起作用并显示脚本错误:document.form is null not an object。我搜索过什么我发现当我调用重置时文档未完成加载。我如何检查文档是否已加载?

<head>
  <script type="text/javascript">
    function closeWarning(){

      document.forms[0].reset();

    }
  </script>
</head>

<body onLoad="closeWarning();" 
 <jsp:include flush="true" page="/myCart/header.jsp"/>
 <div>
 // content of body
 </div>
</body>

最佳答案

如果你不想使用 jQuery,你可以为 DOMContentLoaded 使用一个事件监听器。 ,如:

if(document.addEventListener) document.addEventListener("DOMContentLoaded",closeWarning,false);

这将适用于除 IE 之外的所有人,它使用 onreadystatechanged ,如:

document.onreadystatechange=function() { if(this.readyState=="complete") { closeWarning(); } }

关于javascript - 如何使用 JavaScript 检查 DOM 是否准备就绪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8876919/

相关文章:

java - 将十六进制+字符转换为字符

python - 从汤 BeautifulSoup/Python 中删除 span 标签

javascript - Jquery:+ 不能正常工作

javascript - 我的 React Pagination 工作得很好,但搜索功能却不行?

javascript - 强制 AngularJS 服务在加载 Controller 之前返回数据

javascript - 如何使用node.js和express.js向mongo db atlas发出post请求

javascript - jQuery 类选择器工作不真实?

javascript - 为什么链接选择在链接本身的区域之外可见

javascript - CustomValidator 客户端验证

javascript - FormData 在react中返回表单提交的空数据