iframe.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <iframe id="frame1" src="iframe1.html" height="200px" frameborder="0" scrolling="no"></iframe> <script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script> <script type="text/javascript"> YUI.add('frame-modules', function(Y) { Y.frameOP = function(win, doc) { var h; YUI({win: win, doc: doc}).use('node', function(innerY) { var innerBody = innerY.one('body'); h = innerY.one('body').getStyle('height'); }); return h; } }, '0.0.1', {requires: ['node', 'node-style']}); YUI().use('frame-modules', function(Y) { var frame = document.getElementById('frame1'), win = frame.contentWindow, doc = frame.contentWindow.document; var h = Y.frameOP(win, doc); Y.log(h); Y.one('#frame1').set('height', h); }); </script> </body> </html>
iframe1.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> <p>YUI3 was loaded!</p> </body> </html>