纯HTML后退按钮

Question

我想使用 HTML 和 CSS 创建一个后退按钮，而不使用 Javascript 或任何其他语言。我想用纯 HTML 和 CSS 来实现。

我搜索过，但每次代码中包含 javascript 时都没有得到任何解决方案，但我需要纯 HTML，不需要任何其他语言。

Answer 1

您可以“不使用 JavaScript”来完成此操作，以防万一提前知道上一页，即您位于“详细信息”页面，并且“后退”按钮会将您带到“列表”或主页， 例如：

<a href="home">Back</a>

否则，如果上一个页面动态更改，则需要使用 JavaScript

history.back

方法：

<a href="javascript:window.history.back();">Back</a>

Answer 2

抱歉，无法完成。 HTML 旨在以语义方式标记您的内容，指示什么是标题、什么是文本等。它对显示它的容器一无所知，该容器不一定是浏览器。

CSS 的设计目的是让 HTML 看起来更漂亮。它用于将元素放置在容器中，并建议它们的外观（颜色、大小等）。除了添加一些额外功能以允许您设置滚动条等的样式之外，它对容器一无所知，因此不会影响行为。

你为什么要这样做？ JavaScript 就是为此目的而设计的，为什么要尝试避免它呢？

Answer 3

下面的代码不需要任何 javascript 文件，但仍然在 html 中使用 javascript :

<a href="javascript:history.back()">Back to previous page</a>

Answer 4

没办法。纯 html 中唯一的代码还涉及 javascript:

<input type="button" value="back" onclick="history.back()"/> 

无需 CSS。

Answer 5

HTML 是模板，CSS 是样式。 JavaScript 为您的元素提供逻辑。 它对于页面中的每个动态操作都是至关重要的。

要回答你的问题，没有它你就无法实现它。

Answer 6

当您希望后退按钮在 URL 树中精确后退一级时，可以使用以下代码：

<a href="../"><input type="button" value="Back"/></a>

追加多个

../

可在 URL 树中返回多个步骤。

不需要 JavaScript 即可完成此操作。

Answer 7

用于转到上一页

<a href="javascript: history.go(-1)">Go Back</a>

Answer 8

<a class="btn" href="javascript:window.history.back();" onclick="if(history.length === 1) { window.location.href = '/'; }">Zurück</a>

将 / 替换为所需的 URL。