Несколько htmls под одним URL - PullRequest
Новая
       3

Несколько htmls под одним URL

0 голосов
/ 28 апреля 2020

Я играю в небольшую игру, и я соединяю каждую страницу с кнопками (я должен использовать кнопки независимо от того, что именно), поэтому я создаю несколько htmls, но я хочу, чтобы все htmls были опубликованы под одним URL, и я хочу знать, возможно ли это?

Ответы [ 3 ]

0 голосов
/ 28 апреля 2020

URL является локатором ресурса, т.е. https://my-url.net. Там вы можете публиковать sh несколько html файлов, но для доступа к ним требуется идентификатор ресурса URI, то есть https://my-url.net/my-first-html-page.html.

. Похоже, что вы в начале из этого я бы предложил вам поместить все ваши htmls в один файл в несколько <div>, которые по умолчанию не видны. Затем ваши кнопки могут контролировать видимость каждого элемента по требованию.

0 голосов
/ 28 апреля 2020

Да! ты можешь сделать это. Вы должны использовать javascript, чтобы сделать это. Для этого потребуется создать кнопку. Кнопка будет нацелена на отображаемый элемент div. 

    <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.mydiv {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background-color: lightblue;
  margin-top: 20px;
  display: none;
}
</style>
</head>
<body>

<p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p>

<button onclick="myFunction()">Try it</button>
<button onclick="myFunctiontwo()">Try it</button>

<div id="myDIV" class="mydiv">
This is my DIV element one.
</div>
<div id="myDIVtwo" class="mydiv">
This is my DIV element two.
</div>


<script>
var x;
var y;
function myFunction() {
   x = document.getElementById("myDIV");

    x.style.display = "block";

    y.style.display = "none";

}
function myFunctiontwo() {
  y = document.getElementById("myDIVtwo");
   y.style.display = "block";

   x.style.display = "none";
}
</script>

</body>
</html>
0 голосов
/ 28 апреля 2020

Вы можете поместить весь ваш контент на одну HTML страницу, а затем использовать якоря для разграничения и некоторые простые CSS, чтобы скрыть / показать контент, основанный на том, какой якорь нажат.

Вот простой пример: http://jsfiddle.net/lovetrivedi/hqnjW/

В качестве альтернативы, если вы используете PHP, у вас может быть один индекс. php вы можете вызывать другие HTML файлы с простыми параметрами GET, такими как example.com/index.php?p=1

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...