JS - Iframe高度调整大小

Question

I have this

 <script>
     var calcHeight = function() {
       $('#iframe').height($(window).height());
     };
     $(document).ready(function() {
       calcHeight();
     });

     $(window).resize(function() {
       calcHeight();
     }).load(function() {
       calcHeight() ;
     }); </script>

The above JS just resizes the height. How to I edit the above JS and add to the calculated height 10px?

For example if the JS calculates 700px, I need to have the height as 710px.

Answer 1

Maybe something like this

<script>
 var calcHeight = function() {
   $('#iframe').height(10 + +$(window).height());
 };
 $(document).ready(function() {
   calcHeight();
 });

 $(window).resize(function() {
   calcHeight();
 }).load(function() {
   calcHeight() ;
 }); </script>