Question

我正在使用下面显示的代码通过导航菜单将网页加载到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>

它完美地工作了，而且正是我所需要的，但是我的问题是我可以以某种方式直接从其他地方链接到此页面，但是也可以通过URL发送pagex.html吗？如果我只是直接链接到pagex.html，那么我将无法获得导航页面。

Answer 1

您可以使用哈希：

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=', ''));
}

通过导航将HTML页面加载到DIV中-我可以直接链接到它吗？

1 个答案: