JavaScript — очистить содержимое на веб-странице с помощью фреймов

Я хочу очистить веб-страницу, используя Javascript или PHP.

Тем не менее, я считаю, что одна область страницы это: data-form="manual iframe"

Поэтому, когда я пытаюсь «очистить» страницу, она очищает только данные в этом фрейме. Остальной контент все еще там.

Кто-нибудь знает, как очистить ВСЕ содержимое на странице, а не только то, что находится в iframe?

Моя общая цель — удалить весь контент с текущей веб-страницы, а затем перенаправить пользователя на совершенно другую веб-страницу (домашнюю страницу).

Вот мой код (на PHP):

// An attempt using javascript (didn't work, only cleared info in iframe)
echo "<script language=\"javascript\">

var body = document.getElementById('body');
body.innerHTML ='';

var divrow1 = document.getElementByClassName('row');
divrow1.innerHTML ='';
</script>
";

// Another attempt using PHP (didn't work only cleared content in iframe)
document.write ("");

//This is where I want page to redirect to:
header("Location: http://www.challengehut.com/index.php");
exit;

Если вы хотите увидеть все это, оно начинается здесь:
Кликните сюда: http://challengehut.com/TheChallenges/
(затем нажмите кнопку отправки). После раздела «Предложения» я хочу, чтобы он перенаправил пользователя на домашнюю страницу сайта.

0

Решение

В сценарии iframe вы можете проверить, находится ли код внутри iframe, используя window.parent:

if (parent.window != window) {
//inside iframe
}

Затем, исходя из этого, местоположение может быть установлено соответственно:

if (parent.window != window) {
parent.window.location = 'http://www.challengehut.com/index.php';
}

Так что с PHP-кодом, вам, возможно, придется просто отобразить это в теге скрипта (на простой html-странице) вместо использования header() функция:

<?
echo '<html><body><script type="text/javascript">
if (parent.window != window) {
parent.window.location = "http://www.challengehut.com/index.php";
}
window.location = "http://www.challengehut.com/index.php";
</script></body></html>';
?>

Увидеть это в действии в этот плункер. Нажмите (внутри iframe) две кнопки, чтобы увидеть, как они загружают страницы по-разному.

Замечания:

язык атрибут в вашем примере <script> тег был заменен в примере с тип атрибут, учитывая Документация MDN для этого атрибута:

снимок экрана со страницы сценария MDN
1


1 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#Attributes

0

Другие решения

Других решений пока нет …