jQuery调整iframe高度

此代码传递给我。它使我的iframe设置为100％的屏幕高度：jQuery调整iframe高度

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

我是JavaScript新手。如何编辑此代码以将其设置为90％高度而不是100％？此外，这段代码的目标是所有的iframe，有没有什么办法让它针对特定的iframe（通过它的ID或NAME值）？如果您愿意，您可以在此处拨动此代码：http://jsfiddle.net/VurLy/

乘以90％？

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

作为通过ID或名称靶向，只要传递适当的选择器来代替$的'iframe'。

2012-08-08 21:18:34 Ryan

高度能否请你解释一下你的意思是适当的选择，以$，而不是“IFRAME”是什么？你能写一个工作的例子吗？请注意，我是编码新手...... – 2012-08-08 21:20:20

@HenrikPetterson：传递将应用于您的元素的CSS选择器。例如，'$（'＃some-element'）'会选择id为'some-element'的元素。 – Ryan 2012-08-08 21:24:02

@HenrikPetterson这里是jquery的文档。（注意完整的CSS选择器规则链接也）http://api.jquery.com/category/selectors/ – 2012-08-08 21:24:03

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

2012-08-08 21:20:57 mittmemo

这没有奏效，我添加了iframe的ID，但它没有对iframe做任何事情。 – 2012-08-08 21:26:17

我试过你的例子，它没有工作，随时查看它自己：jsfiddle.net/VurLy/1 – 2012-08-08 21:28:32

当我运行http://jsfiddle.net/VurLy/1/，并点击链接，它加载90％高度的iFrame。什么不行？ – mittmemo 2012-08-08 21:30:04

在jQuery中，你可以找出你想要很多不同的方式，也elemtents，最流行的是这样的$（“＃瓢”）的ID或类，像这样$（“铲”） - 如果该类被舀

所以这就是你如何确定你想要的特定的iFrame，然后改变这样

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

2012-08-08 21:25:23

我试过你的例子，它没有工作，可以自己查看它：http://jsfiddle.net/VurLy/1/ – 2012-08-08 21:28:11

你有在HTML“style = ... height =”100％ “>这将覆盖任何css – 2012-08-08 21:30:04

你真的可以将它设置为90％，并避免jQuery更真实地动态改变高度，而不仅仅是将其设置在document.ready – 2012-08-08 21:31:19

回答