Javascript iframe跨域调整大小无控件_Javascript_Jquery_Html_Css_Iframe

Javascript iframe跨域调整大小无控件

javascript jquery html css iframe

Javascript iframe跨域调整大小无控件,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我读过几篇文章，尝试过一些方法，但都没有结果。我需要做的是动态调整父对象上iframe标记的高度。我无法修改我放在iframe src上的页面，因为它是另一台服务器内部网上的应用程序我知道存在安全问题，但我需要在页面上使用此功能，因为应用程序应该在intranet网页上无缝显示。我希望看到实现这一目标的选项、方法或变通办法我还尝试根据scroball调整iframe的大小，但没有成功任何人都可以帮助我。家长： iframe：使用jQuery可以很容易地更改height属性。代

我读过几篇文章，尝试过一些方法，但都没有结果。我需要做的是动态调整父对象上iframe标记的高度。我无法修改我放在iframe src上的页面，因为它是另一台服务器内部网上的应用程序

我知道存在安全问题，但我需要在页面上使用此功能，因为应用程序应该在intranet网页上无缝显示。我希望看到实现这一目标的选项、方法或变通办法

我还尝试根据scroball调整iframe的大小，但没有成功

任何人都可以帮助我。

家长：

iframe：

使用jQuery可以很容易地更改height属性。代码：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script>
function ChangeIframeHeight()
{
$('#iframename').attr('height', "900")  //Changes the "height" attribute to 900
}
<body>
<iframe src = "http://google.com" height = "600" width = "900"></iframe> 
</body>
</html>


函数changeFrameHeight（）
{
$（'#iframename'）.attr（'height'，“900”）//将“height”属性更改为900
}

你应该能够通过jQuery修改标签的高度，没有任何问题。我曾经用easyxdm解决过这个问题，也就是easyI postmessage方法，我必须要求应用程序的所有者在他们的应用程序中添加广告代码。这不会动态调整iframe的大小，这是问题的一个重要部分。

parent.postMessage({
  'action':'resize', 
   'height': 400
}, '*');

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script>
function ChangeIframeHeight()
{
$('#iframename').attr('height', "900")  //Changes the "height" attribute to 900
}
<body>
<iframe src = "http://google.com" height = "600" width = "900"></iframe> 
</body>
</html>