Question

我们有什么办法可以跟踪内部和iframe的变化吗？我想在iframe中跟踪更改并相应地设置新高度。

我是角色世界的新手，需要一些人来指导我。我有以下代码

HTML

<div ng-controller="myCtrl" class="iframe_wrap">
    <iframe id="displayframe" src="file:///C:/Users/Dell/Desktop/test2.html" frameborder="0" scrolling="no" style="border:2px solid black;width: 100%; overflow: hidden; height: {{count}}px;"></iframe>
</div>

JAVASCRIPT

angular.module('myApp', []).controller('myCtrl', ['$scope', function($scope) {
    $scope.count = document.getElementById('displayframe').contentWindow.document.body.offsetHeight;
}]);

是否有任何监听器可以跟踪iframe中的更改？

编辑：上面的例子适用于文档就绪，即我能够准备好文档的高度。我的问题是，如果稍后在iframe内点击后插入一个新div，该怎么办？我希望iframe在没有滚动条的情况下具有动态高度。

Answer 1

angular.module('myApp', []).controller('myCtrl', ['$scope',function($scope) {
    $(document).ready(function() {
     $( "#displayframe" ).on('load', function() { 
     var divElement = $(this).contents().find("div");
     var height     = divElement.height();
     $scope.count = height;
  });
});
}]);

如果你有div，你可以用这个改变你的iFrame高度。您可以根据需要进行修改。希望这会对你有所帮助。:)

为角度

1 个答案: