Django 解决 iframe 内页面无法跳出顶层框架的方法
发布时间：2026-10-13 |
4人浏览过
本文介绍在 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},)
总结
以上关于 Django 在 iframe 里跳转顶层 url 的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持本站。
本站声明
本文内容仅供参考，不代表本站观点。转载或引用请注明出处。如发现内容问题，请通过联系我们页面反馈。
