iframe 的 seamless 属性：打造无缝嵌入体验 (iframe嵌入跨域页面怎么解决)

简介

利用iframe引入需要认证的跨域页面

1、需求描述 一个页面中包含两部分内容，一块内容是本系统中的页面，要展示一些本系统中后端接口返回的数据的内容，一块完全是另一个项目的页面，但这个页面是需要认证信息才能打开的，因此会涉及到跨域信息传递的问题，iframe 引入的页面能拿到主站页面传递给它的认证信息，然后正常展示出来页面。 2、解决思路 实现的时候考虑使用iframe引入第三方页面的方式。 1) 传递认证信息的方式—postMessage 对于主站向iframe引入的页面传递认证信息，可以通过 postMessage 来进行，但是要能够 postMessage 传递认证信息的前提是iframe 引入的页面能够正常显示，但是事实上没有认证信息，iframe引入的页面是不能正常显示的，这貌似就陷入了一个死循环。 2）传递认证信息—cookie 另一个想到的方法就是 cookie 传递信息了，这个引入的页面和当前的主站页面有一个关系就是，引入的页面是主站的子域，那么写cookie的时候有一个规则，cookie 的 domain 写成 写到主站,那么 和 页面都可以获取到cookie信息并利用起来。 上面的第二种方法是已经经过实践检验的，在打开主站的情况下，cookie 的domain设置成的方式，浏览器打开子域的页面，子域页面中是可以拿到这个cookie的信息的。 但是当前的问题并不是直接在浏览器中打开页面，而是在主站中以 iframe 的方式引入页面，这样也能看到吗？？ 3、实践 有句话是这么说的，实践是检验真理的唯一标准，经过实践检验后，第二种方法是可行的，在浏览器中保存过一个页面的cookie之后，无论是直接打开一个页面，还是别的页面通过 iframe 引入该页面，cookie都是可以被利用到的。 4、思考 所以 cookie 其实是存在浏览器中的，只要浏览器中的这个cookie 文件保存，并且cookie是有效的，那么在当前页面引入与本页面无关的页面，都是可以的，csrf 跟这个有什么关系呢？ 其实觉得自己写了一堆智障的东西，以后还是要多写，多研究，才能真正知道自己有多浅薄。

如何控制iframe内跨域页面不打开新页面

我刚解决过类似的问题 你在子页写COOKIE的时候,同时调用这里也保存父页所在域的cookie, 然后你想操作的时候,再调一个,在do文件里判断和控制JS跳出新窗口. year.明白了吗? 动动手就可以了. 哈哈,再想一下,哦,原来session也可以啊，应该是可以操作的，我之前有一个子页面操作父级页面iframe高度的例子，跟你这个比较类似吧，因为你是跟同一个域名的，所以应该是可以操作的内容。 我的思路是：建议你不要在中用定时器监测hash变化，你可以在中操作完毕后，先删除src为的iframe，完后再重新创建一个iframe，src为，完后通过中的js控制中的内容，比如你可以把值放到中的hidden的input标签里。 我觉得这应该是能够做到的。

如何将一个HTML页面嵌套在另一个页面中

用iframe框架，嵌套一个网页进去即可实现；很简单的； iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 以下是iframe的属性、值、描述 alignleftrighttopmiddlebottom不赞成使用。 请使用样式代替。 规定如何根据周围的元素来对齐此框架。 frameborder10规定是否显示框架周围的边框。 heightpixels%规定 iframe 的高度。 longdescURL规定一个页面，该页面包含了有关 iframe 的较长描述。 marginheightpixels定义 iframe 的顶部和底部的边距。 marginwidthpixels定义 iframe 的左侧和右侧的边距。 nameframe_name规定 iframe 的名称。 sandboxallow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <iframe> 中内容的额外限制。 scrollingyesnoauto规定是否在 iframe 中显示滚动条。 seamlessseamless规定 <iframe> 看上去像是包含文档的一部分。 srcURL规定在 iframe 中显示的文档的 URL。 srcdocHTML_code规定在 <iframe> 中显示的页面的 HTML 内容。 widthpixels%定义 iframe 的宽度。 根据属性修改你嵌套的网页内容；希望我的回答对你有所帮助；

若对本页面资源感兴趣，请点击下方或右方图片，注册登录后

搜索本页相关的【资源名】【软件名】【功能词】或有关的关键词，即可找到您想要的资源

如有其他疑问，请咨询右下角【在线客服】，谢谢支持！