Question

我希望在页面完全加载到小盒子中时调用javascript函数。

如何做到这一点请帮助??

Answer 1

当您使用TinyBox打开网址时，它会使用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：function（）{无论你想要什么}，

...

}）

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");
}

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

3 个答案: