在开发web程序时，常常把自己开发的前台程序放到一个大的portal中，在portal 的页面中采用iframe嵌套我的前台页面（用frameset是一样的），但采用这种方法时有时会出现在我的前台页面中所需要的session实效了（单独跑前台程序是没有任何问题的），google了一下也没有太清楚的解释和解决方法。 &
前言： router-view 与 NavMenu 导航栏的配合，在 web 应用中极为常见。其原理就是采用 SPA(single-page-application) 模式，就是只有一个 Web 页面的应用，通过 router 来控制页面的刷新和迭代。提示： 以下示例基于 vue2.6.14 版本，vue-router3.5.2 版本，element-ui2.15.12 版本。 好了，废话不多说，
什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.doma
Iframe是一个历史悠久的HTML元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，因此以Iframe为核心形成了前端平台架构领域第1代技术。
引言
上代码：定义，触发方式，可以通过按钮或加载来实现，根据实际需求来控制 <template> <div class="main-info"> <iframe ref="iframe" id="iframe" frameborder="0" :src="iframeSrc" > </iframe> </ ...
转载
2021-09-05 22:46:00
2080阅读
前言做了两年多的 Vue 开发了，现在真正领悟到 “君子善假于物也”。分享一下我在实战中领悟的的独门秘诀吧。
常规操作，先点赞后观看哦！你的点赞是我创作的动力之一！
概览 问题
我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限，先论述前 8 个问题，下节将完成全系列内容。
通过本系列文章，你将理解并解决以下的相关问题： 如何规范你的
vue项目关于iframe嵌套的相关问题总结(一)因为最近做的项目涉及到项目跨项目共用页面，也就是iframe嵌套，之前对着一块也不是很了解，所以想把遇到的问题及解决办法总结一下。可能会有不严谨或者理解不周到的地方，希望读到文章的大佬能够发指出。 首先，说一下项目的需求吧，A系统要调用B系统的某个页面，并且要实现相关指定功能，具体步骤及需求如下：在 A系统创建对应嵌套页面的路由：{
环境描述：
A
平台
(
域名
:www.aaa.com)
，
B
平台
(zengzhi.bbb.net)
。
A
平台的一个页面
a.jsp
嵌套
B
平台的一个页面
b.jsp
（
A
使用
iframe
）
,
在
b.jsp
上引用了
B
平台另外一
## 实现"jquery在 iframe 里获取 iframe URL"
### 整体流程
首先，让我们来看一下整个实现的流程。以下表格展示了我们需要完成的步骤及相应的代码。
| 步骤 | 描述 | 代码 |
| --- | --- | --- |
| 1 | 获取父页面中的 iframe 元素 | `var iframe = parent.document.getElementById('
原创
2023-08-26 09:45:45
1052阅读
前奏最近在做考试系统，需要实现： 标题栏点击对应的菜单，底部主区域动态加载对应的界面 红色区域就是要动态替换的 界面通过访问 uri 进行加载 想要结果的，可以直接滑到最后~挫折之路首先想到的就是 iframe，但是它有很大的缺点：不能高度自适应！！！虽然滚动条及边框可以去掉，但是去掉滚动条之后，就不能滚动了，即使内容还没有展示完！！！如果写死 iframe 的高度，或者只在一开始获取 ifram
使用的是vue-element-admin。需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后，将此页面在右侧打开，每打开一个，tagview中也会相应加上，当切换这些tagview时，要保持每个页面切换前的状态，就是不重载。尝试 新建了iframe.vue文件，里面套iframe标签，通过地址的参数不同，跳转不同的iframe页面，但是在做切换时，会导致iframe页面重载，利用了ke
网页中用到jquery.dialog,需要把dialog里面的内容打印出来，开始直接用window.print()，因为我电脑没有连打印机，也没有测试，在项目演示的时候一个同事就打印出来，看效果，太囧了，打印出来的不是div里面的内容，而是当前屏幕所能看到的内容。在网上查了很多资料，有的看不懂，有的尝试了效果却不对，最后自己想了一个办法，用iframe来实现。
转载
2023-06-08 10:01:57
85阅读
<iframe src="http://www.youdao.com" width="500" height="600" ></iframe>属性：frameborder 1 0指定是否有无边框scrolling： auto|yes|no specifies whether or not to display scrollbars in an <iframe>.Use iframe as a Target for a LinkAn iframe can be used as the target f
转载
2012-08-09 19:50:00
78阅读
2评论
一、介绍iframe（内嵌框架）是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用<iframe>标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。二、使用<iframe>标签的基本用法如下：<iframe src="URL"></iframe>三、属性 属性描述a
一、需求与遇到的问题
在网站的后台管理中使用了iframe框架布局，包括顶部菜单、左侧导航和主页面。需求是：点击主页面上的一个按钮，在顶部菜单栏的右侧显示“退出”链接，点击可退出系统。
转载
2023-07-13 10:32:57
110阅读
操作iframe里的DOM，都很熟悉了，但如果是调用iframe里的JS呢？好像中文技术文
原创
2022-08-15 14:06:02
269阅读
欢迎加入前端交流群交流知识&&获取视频资料：749539640 如何在angularjs
原创
2022-01-04 17:24:45
790阅读
此文是建立在vue-cli之上 ，当然单写也可以，下文会涉及一些关于cli的知识，单写的请忽略；最近有很多小伙伴问超哥关于vue中嵌套iframe一些问题。犹豫本尊最近转型了react，关于vue的问题以后会在csdn发表博客。废话不多说，直接进入正题；本尊并不建议vue嵌套iframe，当然会有那些个比较恶心的需求，例如在读的小伙伴。申明：本尊在iframe页面写入的是JQ，因为和VUE没有特别
在 Web 应用中，用户打开网页时，如果出现长时间的白屏，会对用户体验造成不良影响。特别是在 Vue 项目中，由于其单页面应用的特点，更容易出现首页长时间白屏的问题。本文将会探讨 Vue 项目中首页长时间白屏的原因，并提供相应的解决方法。首屏加载过慢首屏加载过慢是导致首页长时间白屏的常见原因之一。如果首页需要加载大量的资源或者执行复杂的计算任务，可能导致首屏加载时间过长，从而出现长时间的白屏。为了
转载
2023-09-25 21:37:57
406阅读
关于iframe在vue中应用的问题背景是一个vue3.0的个人博客，由于没有支持vue3.0的md展示手段（具体是vue-template-compiler版本太低目前最高2.6.12，而要求vue必须与其版本相同），所以我的解决方法是先将md文件转换成html文件然后由iframe直接导入页面。iframe的宽高无法根据内容撑开网上查阅了许多解决方法（其中多数是讲iframe自适应页面而非自适
