javascript - 如何在设备旋转时更改 iframe 的大小？

Question

我有一个 id 为“myframe”的 iframe，我想在设备旋转时更改高度。这就像这样工作

<script>
$(document).on("pagecreate",function(event){

$(window).on("orientationchange",function(){
  if(window.orientation == 0)
  {

     document.getElementById("myframe").height = 300;

  }
  else
  {
     document.getElementById("myframe").height = 500;

  }
});                   
});
</script>

但需要像这样工作

<script>
$(document).on("pagecreate",function(event){

$(window).on("orientationchange",function(){
  if(window.orientation == 0)
  {
    var oldh = document.getElementById("myframe").height;

    var newh = parseInt(oldh) * 1.4;
    if(newh != ''){
     document.getElementById("myframe").height = newh;
     }
  }
  else
  {
    var oldh = document.getElementById("myframe").height;
    var newh = parseInt(oldh) / 1.4;

    if(newh != ''){
   document.getElementById("myframe").height = newh;
     }
  }
});                   
});
</script>

如果我打印 var newh 的结果，它会正确返回，但仍然不会运行我的函数

Answer 1

您的计算很可能会得到 float 。你必须这样做: var newh = parseInt(oldh/1.4);