Существует пример here, где он вставляет iframe, где высота iframe изменяется на высоту вставленного содержимого. Он объясняет трюк here.Что мешает моему JavaScript модифицировать iframe?
Однако, когда я пытаюсь сделать это с помощью моего примера Bootstrap, тогда что-то мешает JavaScript модифицировать iframe. height
никогда не добавляется в iframe.
Вопрос
Может кто-то понять, почему height
не добавляется в IFRAME, как это делается в исходном примере?
Я использую это как содержание IFrame
wget http://www.456bereastreet.com/lab/iframe-height/iframe-content.html
и мой HTML является
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
iframe {
width:100%;
margin:0 0 1em;
border:0;
}
#external-frame {min-height:800px;}
body {
padding-top: 70px;
}
.container .jumbotron {
background-color: #ffffff;
padding-right: 0px;
padding-left: 0px;
height: 100%;
margin:0 auto;
}
</style>
<script>
window.onload = function() {
setIframeHeight(document.getElementById('external-frame'));
};
</script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<iframe src="iframe-content.html" frameborder="0" id="external-frame"></iframe>
</div>
</div>
</body>
</html>
Вы проверили консоль браузера на наличие ошибок? Как правило, не допускается использование кода в одном домене с содержимым '
Это будет политика одного и того же происхождения! – adeneo
Я не вижу 'setIframeHeight', определенного где угодно. –