Shopify 结帐液体模板页面：加载事件和 DOMContentLoaded 有什么区别？
[英]What is the difference between Shopify checkout liquid template page:load event and DOMContentLoaded?
问题描述
Shopify checkout liquid 提供了一个名为：
page:load
不幸的是，文档很少。 page:load 和常规 JavaScript DOMContentLoaded 事件有什么区别？
1 个解决方案
解决方案1
3 已采纳 2022-04-27 14:40:06
来自MDN 网络文档
DOMContentLoaded 事件在初始 HTML 文档完全加载和解析后触发，无需等待样式表、图像和子框架完成加载。
所有结帐步骤都托管在单个 URL 路径中，其中内容根据当前步骤动态加载。
Shopify 很可能会在DOMContentLoaded上加载一些内容，并在一切准备就绪并且您可以进行 DOM 自定义时触发page:load事件。 此外， DOMContentLoaded只会在整个结帐时触发一次，但page:load将在每个结帐步骤中触发一次。
page:load的文档中已经描述了同样的事情。
page:load 事件在每个步骤的内容被加载时触发。 这是在加载时将内容添加到页面时应使用的默认事件。
DOMContentLoaded和DOMContentReady有什么区别？
[英]What is the difference between DOMContentLoaded and DOMContentReady?
IE9 F12开发人员工具 - “加载（事件）”和“页面加载完成”之间有什么区别？
[英]IE9 F12 Developer Tools - What's the difference between “Load(event)” and “page has finished loading”?
jQuery-$（document）.ready（和$（document）.on（'ready page：load'
[英]jquery - what is the difference between $(document).ready( and $(document).on('ready page:load'
如何将项目添加到 checkout.liquid 中的 lineItems - Shopify
[英]How to add item to lineItems in checkout.liquid - Shopify
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
DOMContentLoaded 和 load 事件的区别
DOMContentLoaded和DOMContentReady有什么区别？
DOMContentLoaded 事件为单个页面加载触发两次
“DOMContent 事件”和“加载事件”有什么区别
IE9 F12开发人员工具 - “加载（事件）”和“页面加载完成”之间有什么区别？
预加载器应该在 DOMContentLoaded 或加载事件中
jQuery-$（document）.ready（和$（document）.on（'ready page：load'
如何将项目添加到 checkout.liquid 中的 lineItems - Shopify
Shopify 在 checkout.liquid 中获取购物车信息
Liquid / Shopify：如何将jQuery添加到页面？
相关标签