Flask template中使用iframe

Flaks template中使用iframe嵌套新的网页(new_page.html)的网页到历史网页(old_page.html)中(减少新网页的入口)

1,增加iframe tag

在old_page.html中适当位置增加iframe入口标签:

复制代码
<iframe src="{{url_for('upgrade.get_new_page')}}" style="width:100%;height:100%;min-height: 500px;outline: 1px; border: 0 solid #dddddd"></iframe>

注意:在flask template中 iframe默认是进行跳转的,非静态资源的加载,直接写文件路径一般是找不到的。需要经过flask路径的跳转。

为了避免出现意想不到的路径访问(项目是老而大的项目,路径跳转目前还未弄清楚),自己写了个view来渲染要插入的页面

2,通过view跳转来渲染目标页面

upgrade 蓝图中定义get_new_page,view代码逻辑如下

new_page.html是在templates/my_page/下

复制代码
def get_new_page():

        return render_template("my_page/new_page.html")

最初是想通过在iframe的src中写入目标页面路径地址"my_page/new_page.html"来进行页面加载,发现会请求http://localhost:8443/mm/upgrade/my_page/new_page.html的地址内容来填充iframe,因为这个地址内容404,导致填充的内容是404结果页面。所以猜测,iframe在flask的template中应该是通过路由跳转机制来找页面的。不能简单通过加路径地址来加载目标页面。要跟目标页面的路径跳转结合使用。

相关推荐
自出洞来无敌手(曾令瑶)几秒前
浏览器 实时监听音量 实时语音识别 vue js
前端·javascript·vue.js·语音识别
在钱塘江17 分钟前
《你不知道的JavaScript-上卷》-笔记-5-作用域闭包
前端
搬砖码17 分钟前
Vue病历写回功能:实现多输入框内容插入与焦点管理🚀
前端
不简说22 分钟前
史诗级更新!sv-print虽然不是很强,但却是很能打的设计器组件
前端·产品
用户952511514015523 分钟前
最常用的JS加解密场景MD5
前端
Hilaku24 分钟前
“虚拟DOM”到底是什么?我们用300行代码来实现一个
前端·javascript·vue.js
打好高远球30 分钟前
mo契官网建设与SEO实践
前端
神仙别闹35 分钟前
基于Java+MySQL实现(Web)可扩展的程序在线评测系统
java·前端·mysql
心.c1 小时前
react当中的this指向
前端·javascript·react.js
Java水解1 小时前
Web API基础
前端