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>
