问题标签 [domcontentloaded]

我只是在使用 mmenu 脚本，但在这一行出现 IE11 语法错误。

整个代码看起来像这里

代码不在官方文档中-> https://mmenujs.com/docs/core/

我尝试了一些我用函数（）等找到的不同解决方案。但它们都不适合我。也许其他人遇到了这个问题，可以帮助我。

更新：

现在我得到对象不支持IE11 上的属性或方法“追加”

我有几个不同类别的按钮。当用户单击按钮时，应显示正确的类别。在每个类别中，都有一些产品，每个产品都有自己的“添加到购物车”按钮。
因此，用户单击“床”，然后将项目#3 添加到购物车（更新等等）。

如果用户无法选择类别，我已经设法使用类来做到这一点。如果我在 js 中动态添加按钮，它也可以在没有类的情况下工作。但同样，不允许用户选择类别。

我还希望用户能够搜索项目，显示项目/项目，并将其添加到购物车。

获取产品

展示产品

在 HTML 中，我使用了 onclick="displayProducts('bed')"

这将不起作用，因为 displayProducts 在一个类中。

我还尝试为每个按钮添加一个 id 并在 DOMContentLoaded 中添加一个事件监听器，但这破坏了我的 DOMContentLoaded 的其余部分

DOMContentLoaded

这些只是我尝试过的一些事情，但每次尝试都会修复一个问题，但会添加一个或多个问题，所以我真的可以在这里使用一些帮助。谢谢！

当我运行我的 rails 应用程序并将 likeButton 输入控制台时，它给了我 Uncaught ReferenceError: likeButton is not defined at :1:1 (anonymous) @ VM1591:1 我尝试将 html 中的脚本移动到头部和身体。我目前正在尝试使用 DOMContentLoaded 但似乎我遗漏了一些东西。我的总体目标是在按下按钮后更改按钮的颜色，并在页面刷新后保持颜色。我在这个过程中使用 sessionStorage。我只想确保在加载 html 后声明 likeButton 变量。如果可以仅在 javascript 中完成。

我应该只创建一个 DOMContentLoaded 事件侦听器并为其中的所有元素收集所有内容，还是可以为每个元素编写多个 DOMContentLoaded 侦听器？

这个：

或这个：

什么更正确？对 DOMContentLoaded 事件使用多个函数是否有任何警告？一个会覆盖另一个，或者他们都被保存并在以后被解雇？

现在我将它们分别放在不同的功能中，这对我来说更方便，但我不知道它是否正确。谢谢。

我在我的 javascript 文件中定义了 Class ...我将该文件导入 html 页面：

我现在如何访问该 js 文件中的类？我想要这样的东西（在我的 html 文件中）：

但它不起作用（我得到 Uncaught ReferenceError: MyApp is not defined）...如果我将此 DOMContentLoaded 侦听器包含到我的 controller.js 文件的末尾，它会起作用。但是我以这种方式失去了对 app 变量的引用（我不想要）......有没有办法引用模块中定义的东西？

我想要获得该引用的最重要原因是能够从谷歌浏览器控制台访问我的应用程序对象......

谢谢！

我正在开发一个图书馆应用程序，我需要在主页上显示我的本地存储的内容。我知道如何获取书籍数组，但我很难在表格内的页面上显示它。

当用户单击表单上的提交按钮 (addBookToList()) 时，该表在另一个函数中创建。

当用户重新加载页面时，有没有办法可以重用相同的功能并将本地存储中的书籍显示在同一张桌子上？

HTML：

JAVASCRIPT：

我从后端获取数据：

我希望“姓名”和“电子邮件”作为默认值，但由于某种原因没有发生。我没有从后端代码获得输出。请帮忙

我试图:target在文档加载后使用伪类获取目标元素。我创建了以下示例来说明问题。

如果我加载test.html，则控制台输出：

如果我test.html#test在 Chrome 和 Opera 上加载，则控制台输出：

如果我test.html#test在 Firefox 和 IE11 上加载，则控制台输出：

我的问题是：

1. 哪些浏览器具有正确的行为？
2. 调用的事件是否DOMContentLoaded正确querySelector(":target")？
3. 文件加载后还有另一种获取目标元素的方法吗？

PS：我成功地解决了 Chrome 和 Opera 上的问题，setTimeout但这不是一个好的解决方案。有人有更好的主意吗？

编辑：我发现与 JQuery 选择类似的问题：document.ready() 上的目标

这是我的第一个 JavaScript 片段。我遇到了以下问题。我正在尝试使用 Django Rest Framework 数据加载序列化，然后呈现问题列表和分页栏。我也有likeQuestion,PaginationListener和SortingListener功能。

在下面的代码片段中，我在 fetch 函数中执行 likeQuestion、PaginationListener 和 SortingListener 函数。它可以工作，但由于它是递归的，因此每次点击都会导致多个 http 请求加倍（实际上只有 SortingListener 函数会以这种方式运行，PaginationListener - 令人惊讶的是不会）。

我还尝试从 fetch 函数中执行所有三个函数。它不起作用：当我尝试获取元素时，html 集合的长度为零。我试过了window.addEventListener('DOMContentLoaded', (e) => {})。还是不行。

在 fetch 函数之外，它仅适用于setTimeout. 但在这种情况下，PaginationListener 仅适用于第一次点击。而且超时似乎不是一个很好的决定。

我应该如何更改我的代码以使其顺利运行？

在此先感谢您的帮助。

我正在尝试推迟加载 jquery-3.2.1.min.js 文件以修复渲染阻塞。所以，我尝试了以下方法：

而且效果很好！我知道这不是最好的代码，但可以工作。

现在，如果我推迟 jquery-3.2.1.min.js ： <script defer src="<?php echo BASE; ?>assets/plugins/vendors/jquery-3.2.1.min.js"></script>

... 依赖于 jquery 的文件，仍然不断中断。

调查时，我在几个线程中读到，在延迟的 JS 中，尽管被延迟，但应该尊重顺序。但是，如果我不使用上面的代码，而是使用另一个代码，那么依赖 jQuery 的 JS 也会中断：

有什么指导吗？谢谢！！