Как заставить страницу загружать другую страницу в JavaScript?

Опубликовано: 14 Августа, 2022

В этой статье мы увидим, как заставить страницу загружать другую страницу в 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>

Выход: