前端 ifram 父页面显示子页面内容

最新推荐文章于 2022-08-14 15:23:19 发布
最新推荐文章于 2022-08-14 15:23:19 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alan3494/article/details/78710696
版权
//href内是通过struts2.xml的通配符设置跳转到action执行方法后跳转
//父页面的a标签 
<a href="action_zcgl_selectzcgl2?" target="myFrameName"> 
<input type="button" value="资产查询">
</a>


//子页面内容
<iframe id="myFrameId" name="myFrameName" frameborder="0"
width="1000px" height="700px"></iframe> 
alan3494
关注
专栏目录
iframe子页面操作父页面并实现屏蔽页面弹出层效果
09-28
在本文中，我们将探讨如何在使用iframe嵌套页面时，从子页面（iframe内部页面）操作父页面（包含iframe的页面），以屏蔽整个父页面并弹出特定的层。这种技术尤其适用于需要在子页面加载时阻止用户与父页面互动，同时...
javascript父、子页面交互技巧总结
10-25
本文将总结在iframe或frameset中嵌入子页面时，父页面和子页面之间交互的一些技巧。 首先，要理解JavaScript中的全局对象window，它是访问当前浏览器窗口的根对象。通过window对象，我们可以访问当前窗口下的所有...
iframe页面中父页面跟子页面方法的相互调用
每天多一点干货
06-09 3952
不废话，直接上代码 父页面代码：     Parent Page                     function parenttest() {                 alert("这是父页面的方法！");             }             function btnClick() {                 document.g
实现在父页面不刷新情况下显示子页面传递的信息
404 Not Found
07-12 2362
最近在所做的项目中遇到了如下的情况：由于用户需求特殊，所以公司所封装的标签不符合，需要开发人员自定义一个标签来实现数据的查询。 主要功能为在父页面点击该标签中的一个图片按钮时，会打开一个新的子页面，在子页面中查询到需要的信息后将信息返回到父页面，且父页面不进行刷新。 由于父页面不能够进行刷新操作，所以我所常用的使用action方式进行页面传值的方式就不能用了（如果有大触能够使用该方式满足条件的传
父页面select下拉框选择后跳转到iframe子页面，并滚动到相应的位置
aadyf的博客
08-25 507
1、父页面增加的select选项，并引用iframe链接 2、与上图同在一个页面，使用iframe嵌套显示具体内容 <divclass="healthprtcontent"> <iframesrc="editright.html"id="iframepage"name="iframepage"frameborder="0"class="layadmin-iframe"> </iframe> </div> ...
[微前端实战]---033vue2 - 新能源子页面
小李科技
08-14 561
[微前端实战]---033vue2 - 新能源子页面
父页面查询子页面关键字，高亮及页面滚动到关键字部分
jiaoshou361的博客
07-29 196
&lt;style type="text/css"&gt; .highlight { background-color: yellow; } &lt;/style&gt; &lt;div width="100%" &gt; 按名称高亮显示:&lt;input type="text" id="text" /&gt; &lt;
iframe嵌套web纯前端页面，运用Bootstrap(v5.1)技术
09-18
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。博文网址：https://blog.csdn.net/LawrenceUyi31?type=blog
layui type2 通过url给iframe子页面传值的例子
10-16
layui是一款流行的前端UI框架，它的layer模块提供了丰富的弹窗功能，包括type2类型的弹窗，它支持打开一个内联网页（即iframe）。 首先，我们来看一下`layui layer.open`的基本结构。在给定的代码中，`layui.use([...
adminLte-iframe:adminLte整合iframe多页面显示
05-04
在侧边栏中，可以设置链接，这些链接对应着不同的iframe页面。当用户点击链接时，对应的iframe内容会被动态更新，展示新的页面。这样，用户就可以在一个统一的界面下管理和操作多个功能模块。 在adminLte-iframe-...
Java Web后端--入职技能任务单（前端首页布局和展示）七
Appleyk的专栏
11-17 1171
到目前为止，我们的整个项目已经完成了三分之一了，之前都是基于环境搭建、配置、以及增删改查的单元测试，几乎无关用户最关心的views部分了，也就是jsp页面的展示，这部分也是很重要的，好的布局和效果，直接影响使用者的心情，当然，后台工程师是不关心前台工程师是怎么来设计页面的，他们只关心，前端请求的url是什么，请求的数据（参数）是什么.......但是，但是，但是我们还是要多少会一点点前端的技术的，
前端父页面调用子页面的方法
qq_32961291的博客
01-19 578
子页面代码 window.ClosePlayWindow = function () {//挂载到window窗体，父页面调用 } 父页面调用 top.layer.open({ type: 2, title: '摄像监控', content: top.$.rootUrl + '/HQ_Manager/T_Camera/IndexPlay?SvgID=' + SvgID, ...
前端必会技能，子页面给父页面赋值
qq_41877039的博客
12-10 1152
经常可能你会看到，父页面中的某个文本框一点击，就跳入到一个新页面(称之为子页面),子页面中点击某个按钮，子页面关闭，父页面的文本框中已经获得刚刚子页面中的值。 1.父页面中给文本框添加一个单击事件。这个单击事件中必须以如下方式打开子页面： ​window.open('xxxx.html');//其中xxxx为子页面。 2.子页面中这样给父页面...
四、前端：解决子父孙三层页面，孙控父跨代控制值情况，以及父页面操作子页面@2019
帅夕夕的伯客
08-19 325
一、简单控制替换html(原生js方法)： window.parent.parent.document.getElementById() 父页面： 项目：span&lt;/span&gt;孙页面：(孙页面有父值变动需改动父页面的显示)varspan=&quot;span替换&quot;;//{span}&lt;/span&gt; 孙页面：(孙页面有父...
element动态展开行子表信息
weixin_44885243的博客
12-02 183
vue 展开行
关于前端框架子页面修改父页面的问题
nzyzy的博客
01-11 202
parent.$("#warnMsg").html(data.warnMsg).css(“color”,“yellow”); 使用此行代码修改根据父页面的标签ID修改父页面内容 其中#warnMsg是父页面的某个标签的ID
如何在WordPress的子页面中显示父页面标题
SlimApp
11-23 1380
在博客里加入多级页面（page）的人不多，但如果你有这样设置，那么是不是想在子页面里呢个显示父页面的标题呢？ 方法很简单，在希望显示标题的地方插入下面代码： if($post->post_parent) {     $parent_title = get_the_title($post->post_parent);     echo $parent_title; } else {
JS弹出子窗口
热门推荐
王腾涛
07-24 1万+
目的 在一个主窗口中,点击一个链接, 弹出一个子窗口 , 父窗口保留 在子窗口中点击关闭, 关闭子窗口. 子窗口的位置位于屏幕的中间 实现main.html<!DOCTYPE html> <html> <head><meta charset="utf-8"/></head> <body> <a href="" id="a1" target="new">新窗口</a> <div id="ms
页面（父页面）与嵌套页面（子页面）的方法和jquery对象的调用以及操作
焕小谢的博客
01-27 4812
主页面： 图中中间带有黑色边的div是嵌套页面里面的div 现在来实现通过点击父页面的“调用子页面Add()”按钮来对子页面中的表格，进行添加一行。内容效果图如下 实现代码： $("#Addone").click(function () { document.getElementById("Content1").contentWindow.Add(); ...
前端页面如何iframe向子页面传值
最新发布
08-19
在前端页面中，可以通过使用postMessage()方法来实现iframe向子页面传值。首先，在子页面中添加一个按钮或者其他触发事件的元素，例如一个按钮元素。然后，使用JavaScript代码监听该按钮的点击事件，并在点击事件中使用window.parent.postMessage()方法将要传递的值发送给父页面。具体步骤如下： 1. 在子页面中，添加一个按钮或其他触发事件的元素。比如，在子页面的HTML代码中添加一个按钮元素，例如： ```html <button id="admin-btn">传值</button> ``` 2. 在子页面的JavaScript代码中，监听按钮的点击事件，并使用postMessage()方法将要传递的值发送给父页面。例如： ```javascript $("#admin-btn").on('click', function(){ event.stopPropagation(); // 防止事件冒泡 let info = { msg: '我是子页面' }; window.parent.postMessage(info, '*'); }); ``` 这样，当点击按钮时，子页面将会向父页面传递一个包含具体信息的对象。父页面可以通过在mounted()或者其他适合的时机监听message事件来接收并处理子页面传递的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [iframe父页面与子页面如何传值](https://blog.csdn.net/qq_38475901/article/details/121768098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值