Question

从事个人项目工作并陷入困境，并想到为什么不尝试使用stackoverflow

我尝试做的是有很多链接到同一页面的所有链接，具有不同的内容，具体取决于他们点击的链接（id）我似乎无法弄清楚＆gt;。＆lt;

<html>
<header>
<title></title>
</header>
<body>
<a href="somejavascript">Link1</a>
<a href="somejavascript">Link2</a>
<a href="somejavascript">Link3</a>
<a href="somejavascript">Link4</a>
<body>
</html>

然后，一旦点击，它就会转到具有相同页眉和页脚但不同内容的页面，例如视频标签

<html>
<header>
<title></title>
</header>
<body>
<video id="58315bfa" class="sublime" width="640" height="360" data-player-
kit="2" data-uid="1234" preload="none"><source src="WebIntroduction.avi /></video>
<body>
</html>

并不一定要留在第一页，这是第一个可以转到另一个页面的代码，但一旦在另一个页面上，所有其他链接都需要转到具有不同内容的页面。因此，例如，如果我在索引页面上的链接，我点击链接1，我得到一个带有视频的list.html页面。如果我回到索引并点击link2它将再次访问list.html但不同的内容我希望我说清楚请帮助!!!!感谢

Answer 1

有很多方法可以做到这一点，一种方法是在网址中传递一个ID并根据该内容显示内容。

<html>
<header>
<title></title>
</header>
<body>
<a href="contentpage?id=1">Link1</a>
<a href="contentpage?id=2">Link2</a>
<a href="contentpage?id=3">Link3</a>
<a href="contentpage?id=4">Link4</a>
<body>
</html>

内容页面会查找作为GET变量的id，然后根据id的内容打印内容。

你可以做的另一件事是使用ajax。

<html>
<header>
<title></title>
</header>
<body>
<a href="contentpage?id=1">Link1</a>
<a href="contentpage?id=2">Link2</a>
<a href="contentpage?id=3">Link3</a>
<a href="contentpage?id=4">Link4</a>
<script src="jquery.js"></script>
<body>
</html>

点击链接后，您可以发出ajax请求以获取内容JSON，将其传递给模板引擎（如把手或小胡子），然后将其注入正文。

你可以采用的第三种方法是使用angularjs等框架。

Answer 2

在第一页：

<a href = "/list.html?v=1">Link 1</a>
<a href = "/list.html?v=2">Link 2</a>
<a href = "/list.html?v=3">Link 3</a>
//...etc.

然后在list.html：

var contentID;
s = location.search;
        if(s != '') {
            var split = s.split('=');
            contentID = split[1];
        }

您现在在contentID上有一个全局变量（list.html），可用于选择要显示的内容。

如何使Anchor标签通过JavaScript更改其链接到的页面的内容？

2 个答案: