了解一下iframe页面嵌入使用,轻松实现页面集成

前言

  在跨域请求不同服务方或是兼容先前系统的页面时,你可能想利用AJAX从网页上下载HTML并粘贴到div中,这将带来不安全注入的问题。

  此时,通过iframe页面嵌入可以很好地解决上述问题。

本文带您了解iframe内联框架,帮助您提高页面集成效率和复用率,一次开发,多次使用。同时,解决在使用iframe跨域访问时,第三方cookie暂存转发问题。

了解一下iframe页面嵌入使用,轻松实现页面集成_第1张图片

​iframe安全嵌入方案

  iframe嵌入是一种快速的表示集成方法,具有以下三方面优点:

  1.iframe是一个全新的独立的宿主环境,用于隔离或者访问原始接口及对象,并能够原封不动地将嵌入的网页展现出来;

  2.如果有多个网页引用iframe,只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷;

  3.重载页面时不需要重载整个页面,只需要重载页面中的一个框架页。

  例如,以vue工程为例,我们可以很轻松地嵌入iframe页面,轻松实现页面集成。

你可能感兴趣的:(javascript,vue.js,前端,软件测试,测试工程师)