如何关闭由 HTML 锚标记打开的新页面答案

【问题标题】：How to close the new page opened by a HTML anchor tag如何关闭由 HTML 锚标记打开的新页面
【发布时间】：2017-09-12 21:57:16
【问题描述】：

所以我正在开发一个 Django 模板，其中页面上有包含在锚标记中的缩略图。当用户单击这些缩略图时，它会根据 href 值打开一个新页面。现在，如果我想要要返回主页，我需要按返回按钮。所以我想知道是否可以在新页面上放置一个关闭按钮，以便用户返回主页。代码如下：

<div class="row">
    <div class="col-sm-9">
        {% for rest in getMenuImage %}
            <div style="display: inline-block;">
                <a href="{{ rest.image.url }}"><img src="{{ rest.thumbnail.url }}" class="img-responsive" style="padding-right: 10px;border-radius: 5px;"></a>
            </div>
        {% endfor %}
    </div>
</div>

提前致谢。

【问题讨论】：

您尝试使用window.history.back();

标签： javascript jquery html django-templates

【解决方案1】：

您可以在新页面的按钮中使用 javascript 函数：window.history.back();。这是一个例子。

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>

【讨论】：

【解决方案2】：

如果您在新标签中打开它，您可以关闭当前窗口并返回上一个：

     $(".back").click(function(){
            var url = "page url you want to go back";//back page url
            var objWindow = window.open(url, "_self");
            objWindow.close();
     })

返回的另一种选择是：

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

【讨论】：

@Saurabh_Jhingan 如果答案对您有用，可以接受它以帮助他人