Question

我的页面上有一个iFrame，下面是一个链接列表。我需要链接来更改iFrame的来源和高度，并在点击时转到页面顶部，到命名锚点“top”。

可能使用jQuery？

有什么建议吗？

Answer 1

是的，使用jquery完全可以这样做。我不确切知道iframe中的代码是什么样的，但是要按名称选择iframe，例如，你会这样做：

$("iframe[name='figher_profile']").contents();

然后设置其高度

$("iframe[name='figher_profile']").height($("iframe[name='figher_profile']").contents().find("html").css("height", "100")); //Setting the height to 100 px

要更改iframe的来源：

var location = "http://google.com";
$("iframe[name='figher_profile']").attr('src', location);

如果你想对带有id或类的iframe做同样的事情，只需用#id或.class替换[name ='ifr']，如下所示：

$("iframe#id") //for id
$("iframe.class") //for class

Answer 2

有很多方法可以做到这一点......因为这样生病只是发布了最有效的方法..

<div class="profile_container">
</div>
<a href="#" id="link1">abcd</a>
    <script>
$(document).ready(function(){
  var srcLink = 'http://placehold.it/440x440';
  var srcheight = '440'; 
  var iframeHtml = '<iframe src="'+srcLink+'" width="900" height="'+srcheight+'" frameborder="0" scrolling="no" name="figher_profile"></iframe>';
  $('#link1').click(function(){
    $('.profile_container').html(iframeHtml);
  });
});
    </script>

http://jsfiddle.net/gorelative/AmKJX/1/

更改iframe的高度和来源

2 个答案: