Django 解决 iframe 内页面无法跳出顶层框架的方法

沈知远

发布时间：2026-10-13| 1人浏览过

原创

本文介绍在 Django 开发中，当登录页面嵌套在 iframe 时，如何解决登录后页面仍在 iframe 内无法跳转至顶层的问题。通过 HttpResponse 返回包含 window.top.location.href 的 JavaScript 脚本，实现强制跳出 iframe 跳转至目标页面。

场景描述

问题现象

假设 A 页面是一个专门设计的登录页面 login.html，它被嵌套在 B 页面 index.html 的 iframe 中。用户登录成功后，期望进入后台管理页面 C 页面 consule.html。然而，在实际操作中，通过 Django 的 url 进行跳转后，页面始终停留在 iframe 内部，未能跳出嵌入框架到达顶层页面。

解决方法

可以通过 Django 的 HttpResponse 返回一段 JavaScript 脚本，利用脚本强制页面跳出 iframe。具体实现代码如下：

代码实现


def login(request):
  login_form = loginForm()
  if request.method == 'POST':
    login_form = loginForm(request.POST)
    if login_form.is_valid():
      username = login_form.data['username']
      #通过js来跳转页面，取巧
      jump_to_console = '''<html><body onLoad="window.top.location.href='./index_console'" ></body></html>'''
      response = HttpResponse(jump_to_consule)
      response.set_cookie("username",username") 
      return response
    else:
      pass
  return render_to_response('login_iframe.html', {'form': login_form},)