如何在Google Optimize中的Document Ready上运行Javascript？

Question

如何在Google Optimize广告系列中运行窗口加载或文档准备好的javascript？看起来它允许我选择DOM元素一直到Body,但我需要在文档就绪上运行js.

Answer 1

这就是我的方式:

1. 在Visual Editor中编辑实验变体.
2. 单击选择元素图标(左上角的矩形)
3. 在" 元素选择器"字段中,键入body.
4. 单击添加更改按钮,然后选择Javascript.这将打开一个对话框,允许您输入将为主体调用的JS函数.
5. 输入要在其中运行的代码,并确保选中After closing tag选项.

由于Google Optimize的性质,我希望在加载之前不会开始乱用DOM元素.并且因为您在body标签上选择After closing标签选项,该选项应确保所有元素都已加载到DOM中.

但是,如果你想100%确定,你可以编写这样的函数.

function runOnLoad() {
    console.log('this will only run when window is loaded');
}
if(document.readyState === "complete") {
    runOnLoad();
} else {
    window.addEventListener("onload", runOnLoad, false);
}

该代码片段改编自如何在没有框架的情况下检查DOM是否准备就绪？