Javascript jQuery调整iframe高度

Javascript jQuery调整iframe高度,javascript,jquery,iframe,height,Javascript,Jquery,Iframe,Height,这个代码被传递给了我。它使iframe设置为屏幕的100%高度: jQuery(document).ready(function(){var height = $(window).height(); $('iframe').css('height', height) }); 我是javascript新手。如何编辑此代码使其设置为90%高度而不是100%高度?此外,此代码针对所有iframe,是否有任何方法使其通过其ID或NAME值针对特定的ifram

这个代码被传递给了我。它使iframe设置为屏幕的100%高度:

jQuery(document).ready(function(){var height = $(window).height();
             $('iframe').css('height', height)
         });
我是javascript新手。如何编辑此代码使其设置为90%高度而不是100%高度?此外,此代码针对所有iframe,是否有任何方法使其通过其ID或NAME值针对特定的iframe?如果您愿意,可以在这里修改此代码:

将其乘以90%

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

至于按ID或名称定位,只需将适当的选择器传递给$,而不是“iframe”。

在jquery中,您可以通过许多不同的方式确定需要哪些元素,最常用的是按ID,如$scoop'或按类,如$'.scoop'-如果类是scoop

这就是您识别所需特定iFrame的方式,然后像这样更改高度

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

请您解释一下,将适当的选择器设置为$而不是“iframe”是什么意思?你能写一个有效的例子吗?请注意,我对编码是新手…@henrikpeterson:传递将应用于元素的CSS选择器。例如,$'some-element'将选择id为某个元素的元素。@HenrikPetterson这是Jquery的文档。请注意,完整的css选择器规则链接也是@henrikpeterson,用于在id:$'scoop'上进行选择。用于在名称上选择:$'iframe[name=scoop]'。从您的JSFIDLE中获取id和名称。这不起作用,我添加了iframe的id,但它对iframe没有任何作用。我尝试了您的示例,但它不起作用,请随意查看:jsFiddle.net/VurLy/1当我运行并单击链接时,它以90%的高度加载了iframe。什么不起作用?我试过你的例子,但它不起作用,你可以自己查看:你在HTML样式中设置了高度=。。。height=100%>这将覆盖任何CSSY您可以在那里将其设置为90%,避免jQuery更适合动态更改高度,而不仅仅是在document.ready上设置它
 jQuery(document).ready(function() {
   var height = $(window).height();
   $('#scoop').css('height', '90%'); 
});