iframe传参数？iframe基本使用

其实iframe传参数的问题并不复杂，但是又很多的朋友都不太了解iframe基本使用，因此呢，今天小编就来为大家分享iframe传参数的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

iframe 中如何登录目标网站并携带参数跳转

您可以在iframe中使用window.parent.postMessage()方法向父级页面传递数据，然后在父级页面中使用window.addEventListener('message', event=>{})监听传入的message并处理。具体实现流程如下：

1.父级页面通过postMessage()方法向iframe内部系统传输token等信息；

2. iframe内部系统通过window.addEventListener('message', event=>{})监听传入的message并处理；

3.当iframe内部系统需要跳转到目标网站时，可以通过window.parent.postMessage()方法向父级页面传递参数，然后在父级页面中使用window.location.href= url的方式跳转到目标网站。

Vue中使用iframe嵌套页面

Vue中遇到一个需求，需在A页面点击【会员姓名】弹出B页面内容，原方案通过页面跳转效率低，考虑以iframe嵌套实现。以下是详细步骤：

首先，分析问题：B页面复杂，不便直接转化为组件。项目经验丰富，改动原代码风险大。因此，选择iframe嵌套B页面在弹框中显示，代码如下：

在A页面中，利用element-ui的el-dialog弹框组件，通过设置iframeSrc为B页面路径，代码如下：

然而，iframe中的B页面数据不能自动更新，每次传递的vipId变化时，需要手动处理。B页面通过beforeRouteUpdate路由钩子，当参数更新时触发，获取新的会员信息，确保数据实时更新：

经过上述调整，弹出的B页面内容能根据参数变化实时更新，实现了用户期望的高效体验。最后，祝大家建军节快乐，祝愿祖国早日统一！

不用iframe如何实现在一个页面内加载另一个页面的内容

1、创建一个php文件，命名为test.php。

2、在test.php文件内，编写html内容，包括title,body,meta等，用于显示页面。

3、在test.php文件内，在body标签内，使用a标签创建一个链接，链接跳转至test2.php，并设置链接携带两个参数，一个是act，另一个是num。

4、再创建一个php页面，文件名为test2.php，用来接收test.php页面传递过来的值。

5、在test2.php文件内，使用echo输出接收到的act、num参数。

6、在浏览器中打开test.php文件，点击链接，跳转至test2.php页面，查看输出接收到的act、num值。

OK，本文到此结束，希望对大家有所帮助。