Запуск нескольких веб-страниц на одной веб-странице

Question

Предположим, у меня есть домашняя страница с именем homepage.html, и когда я нажимаю «О», вместо перехода на другую страницу about.html, можно ли оформить ее. html в homepage.html? В основном снимаем всю домашнюю страницу.html, и она становится about.html.

Я думал об использовании JavaScript, где, если вы нажмете «О», он сделает .remove, чтобы удалить все элементы homepage.html, а затем использовать .createElement для создания элементов для «О». Однако я не уверен, что это лучший подход к этому. Что хорошо делать?

Причина, по которой я делаю, это то, что я делаю игру, и я не хочу идти на разные страницы, когда нажимаю «Старт», «Один игрок» и т. Д., И я просто хочу остаться на том же стр.

Извините, если это звучит запутанно, сообщите мне, если вам нужно какое-либо разъяснение.

Спасибо.

Answer 1

Чтобы упростить вещи (добавление/удаление контента), я хотел бы предложить вам использовать AngularJS в качестве основы, так как это намного проще, чем создавать все необходимые функции с нуля.

Answer 2

Вы можете использовать ajax для загрузки данных about.html, а затем использовать document.body.innerHTML для изменения элементов страницы.

Вот простой пример, использование JQuery:

$.ajax({ 
    url:'about.html', 
    dataType:"text", 
    type:"get", 
    success:function(data){ 
     document.body.innerHTML = data; 
    } 
}); 

Answer 3

Да вам нужно одно приложение страницы. Javascript будет хорошо. Особенно, если в игре вы должны настроить пользовательский интерфейс на 100%. Нет перескакивания страниц.

Создайте основную обертку. Создайте отдельные страницы в основной оболочке, которые будут отображаться или генерироваться при нажатии кнопки. Нет проблем с использованием javascript вообще.

Вы также можете использовать Ajax звонки