Как заставить страницу загружать другую страницу в JavaScript?
В этой статье мы увидим, как заставить страницу загружать другую страницу в JavaScript.
Подход: мы можем использовать свойство window.location внутри тега script , чтобы принудительно загрузить другую страницу в Javascript. Это ссылка на объект Location, который представляет текущее местоположение документа. Мы можем изменить URL-адрес окна, обратившись к нему.
Синтаксис:
<script> window.location = <Path / URL> </script>
Пример:
<script> window.location = "https://www.geeksforgeeks.org/" </script>
Итак, в приведенном выше примере мы видим, что, изменив объект window.location внутри Javascript, мы можем изменить URL-адрес нашего окна и, таким образом, успешно загрузить любую страницу принудительно из нашего Javascript без какого-либо тега href. Мы построим небольшой рабочий образец, чтобы изучить его на практике.
Ниже приведена пошаговая реализация:
Шаг 1: Создайте файл с именем index.html . Добавьте к нему заголовок и две кнопки. Одна кнопка принудительно загружает страницу с действующим URL-адресом, а другая кнопка загружает локальную HTML-страницу. В теге <script> у нас есть две функции: одна загружает домашнюю страницу gfg, а вторая загружает локальную HTML-страницу, используя свойство window.location .
Шаг 2: Создайте файл с именем newPage.html . Это локальная HTML-страница, которая будет загружена с помощью Javascript.
newPage.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.0" > < title > New Page </ title > </ head > < body > < h3 >This is the new loaded page</ h3 > </ body > </ html > |
Выход: