页面加载时javascript的语法

Question

I'm using pym.js to dynamically resize an iframe which is working as expected but ONLY once the browser window is resized. Until then the iframe has a height of around 150px. I'm trying to get this to work on page load so far I've tried:

jQuery(document).ready(
  function() {
    var pymParent = new pym.Parent('personalise', '<?php echo $iframeUrl ?>', {});
});

Can anyone help me out with the correct syntax?

Answer 1

You could just execute your function when your iframe is loaded with the following code:

$(iframe).load(function() {

// Do stuff

});

Answer 2

I used to have <iframe> loading issues with Firefox in particular. As you have already mentioned, having <iframe> loading on window load.

window . load = init;

window.onload = init;

(correction: on load not load)

Here's a crossbrowser example:

if (window.addEventListener)
window.addEventListener('load', ready, false)
else if (window.attachEvent)
window.attachEvent('onload', ready)

See ARTICLE

UPDATE

Try wrapping your anonymous function up as a declarative function (eg pymParent()), then load it on window event.

window.onload = pymParent;

function pymParent() {
  var pym = new pym.Parent({'personalise', '<?php echo $iframeUrl ?>', {}});
  return pym;
}