jquery 如何关闭HTML锚标记打开的新页面

jutyujz0  于 2023-10-17  发布在  jQuery
关注(0)|答案(2)|浏览(118)

所以我正在做一个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>

先谢了。

bsxbgnwa

bsxbgnwa1#

您可以关闭当前窗口并返回到上一个,如果你打开它的新选项卡:

$(".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>
0md85ypi

0md85ypi2#

你可以使用JavaScript函数:window.history.back();在新页面的按钮。这里有一个例子。

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

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

相关问题