HTML-страница загружается в DIV с помощью навигации - могу ли я напрямую на нее ссылаться? - PullRequest
0 голосов
/ 16 сентября 2018

Я использую код, показанный ниже, чтобы загрузить веб-страницу в DIV с помощью меню навигации. Я нашел это в другом месте на этом сайте в закрытом сообщении.

<html>
<head>
<title>Website</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(function () {
$('#mySidenav a').on('click', function (e) {
e.preventDefault();
var page = $(this).attr('href');
$('#content').load(page);
});
});
</script>
</head>
<body>
<div id="nav">
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
</div>
<div id="content">Use the menu to navigate website. </div>
</body>
</html>

Он отлично работает и это именно то, что мне нужно, но мой вопрос в том, могу ли я как-то напрямую ссылаться на эту страницу откуда-то еще, но каким-то образом также отправить pagex.html в URL? Если я просто сделаю ссылку на pagex.html, я не получу страницу навигации вокруг нее.

1 Ответ

0 голосов
/ 16 сентября 2018

Вы можете с хешем:

mydomain.com / # pagex.html

if (location.hash) {
  $('#content').load(location.hash.replace('#', ''));
}

Или со строкой запроса:

mydomain.com /? URL = pagex.html

if (location.search) {
  $('#content').load(location.search.replace('?url=', ''));
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...