Пример родительского кода:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Parent</title>
</head>
<body>
<iframe src="https://dl.dropboxusercontent.com/u/4017788/Labs/child.html" width="200" height="100"></iframe>
</body>
</html>
Смотрите в действии:
https://googledrive.com/host/0B5jOXzxlxbMhYVF3b0lubjlDWm8/parent.html
Пример детского кода:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Child</title>
</head>
<body>
<button onclick="myFunction();">Try it!</button>
<script>
function myFunction() {
parent.location.reload();
}
</script>
</body>
</html>
Я пробовал много методов, предложенных в подобных вопросах, безрезультатно, например:
window.parent.location.reload();
top.location.reload();
и т.п.
Что мне не хватает и какой правильный подход?
Просто нашел ответ на мой вопрос: document.referrer
Ребенок:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Child</title>
</head>
<body>
<button onclick="myFunction();">Try it!</button>
<script>
function myFunction() {
window.parent.location = document.referrer;
}
</script>
</body>
</html>
Если вы проверяете консоль Chrome chrome, она показывает прикрепленную ошибку, ее проблему доступа к перекрестному домену.
для получения подробной информации см. захват экрана ошибки.
проверьте это, он выглядит полезным для вас.
Я использовал следующий код, чтобы обновить iframe, не обновляя мою страницу дыр, которую вы можете использовать в своем коде:
<script type='text/javascript'>
setTimeout(function()
{
location = 'https://dl.dropboxusercontent.com/u/4017788/Labs/child.html'
},4000) // set time for refreshing iframe as you wish I used 4000 miliseconds
</script>
вы можете попробовать это
<script>
function myFunction() {
window.parent.location=window.parent.location;
}
</script>