jQuery调整iframe高度

时间:2012-08-08 21:16:42

标签: javascript jquery iframe height

此代码已传递给我。它使我的iframe设置为屏幕高度的100%:

jQuery(document).ready(function(){var height = $(window).height();
             $('iframe').css('height', height)
         });

我是javascript的新手。如何编辑此代码使其设置为90%高度而不是100%?此外,此代码定位所有iframe,是否有任何方法可以使其定位到特定的iframe(通过其ID或NAME值)?如果您愿意,可以在此处摆弄此代码:http://jsfiddle.net/VurLy/

3 个答案:

答案 0 :(得分:11)

将它乘以90%?

jQuery(document).ready(function() {
    var height = $(window).height();
    $('iframe').css('height', height * 0.9 | 0);
});

对于按ID或名称定位,只需将相应的选择器传递给$而不是'iframe'

答案 1 :(得分:2)

jQuery(document).ready(function(){
    $('#YOUR_FRAME_ID_HERE').css('height', '90%')
});​

答案 2 :(得分:0)

在jquery中你可以识别出你想要多种不同方式的元素,最流行的是像这样的$('#scoop')或类,如$('。scoop') - 如果这个类是scoop

这就是你如何识别你想要的特定iFrame,然后像这样改变高度

 jQuery(document).ready(function() {
   var height = $(window).height();
   $('#scoop').css('height', '90%'); 
});