javascript - 在 tinybox 中加载页面后如何调用 javascript 函数

Question

当页面在小盒子中完全加载时，我想调用一个 javascript 函数。

请问这个怎么办？？

Answer 1

当您使用 TinyBox 打开 URL 时，它会使用 iframe 将该页面加载到弹出的框中。您可以将openjs选项传递给函数，并在弹出窗口打开时将函数作为回调触发。但是，我注意到这并不一定会在 iframe 中的页面完全加载后发生。

如果您正在加载到 iframe 的页面位于同一域中，则您可以从 iframe 页面向父窗口触发事件。如果您使用的是 jQuery，它将类似于：

$(function() { 
  if (window.parent && window.parent.iframe_loaded) {
    window.parent.iframe_loaded();
  }
});

在承载 TinyBox 弹出窗口的页面中，只需iframe_loaded在全局范围内定义一个函数：

window.iframe_loaded = function() {
  alert('TinyBox popup page loaded');
};

如果您打开的页面不在同一个域中，我不知道解决方案。

Answer 2

您可以在 TINY.box.show 中使用 openjs 参数

 TINY.box.show({

..

openjs：函数（）{随便你}，

..

})

Answer 3

你需要像这样使用openjs ：

TINY.box.show({
url:'<?php echo FL_ADD_UPDATE_EMPLOYMENT_STATUS;?>',
width:480,
height:350,
opacity:TINY_OPACITY,
openjs:function(){scroll()} // like this.
});

function scroll() {
    alert("Hello");
}