您将如何编写嵌入HTML的JavaScript语句，而不是写入文件的普通JavaScript语句？

您将如何编写下面的语句，即将嵌入HTML中的JavaScript嵌入到将写入文件的普通JavaScript中？我正在做一个切换开关，我想在点击切换开关并完成转换后转到一个新的文件页面。为了实现这一点，我需要知道函数的非嵌入版本。事实就是这样：

<div class="statement">Slide to Play!</div>
<div class="container">
<div class="play" onclick= "this.classId.toggle('active')"> 
<div class="inner-square"></div>
</div></div>

---

javascript是否可能在加载DOM之前运行？根据这里的指南

使用以下内容包装您的javascript：

document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});

---

这应该确保在执行javascript之前已加载页面的整个HTML。如果它是在嵌入时工作的，那么可能是因为您提到您的javascript之前就放在了结束标记之前-那时整个页面都已加载。

为什么

承诺。全部
？这没有任何意义当脚本被嵌入时，它是在结束前还是在结束前？我想知道当从嵌入了我的问题的脚本运行时DOM是否还没有准备好，我想我可能输入错了我的问题，我只希望嵌入JavaScript的部分在onclick=“this.classId.toggle（'active'）”部分之前
document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});