在引用iframe后，子页面获取父页面iframe的src

最新推荐文章于 2023-09-18 11:25:00 发布
原创 最新推荐文章于 2023-09-18 11:25:00 发布 · 2.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #iframe #子页面 #父页面

本文介绍了一种通过JavaScript操作网页中DOM元素的方法,具体展示了如何利用window.parent.document.getElementById方法来修改指定ID的元素源内容。 
window.parent.document.getElementById("outContent-wrapper2").src=“”
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8480
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
iframe如何从子页面获取
enthan809882的博客
11-03 1380
jquery代码： <script> var myIframe=$('#myIframe',parent.document); // 这是main页面，获取布局页面的myIframe $('#li1', parent.document).bind('click',function(){ // 点击左侧菜单树的li标签，控制myIframe的src var myIframe=m...
获取父页面的iframe
技术笔记博客
10-31 2129
要获取iframe的src的值的话，可以在子页面MainFrame.aspx中用这几种方法获取：              var htmlUrl = window.parent.$("#main_frame").attr("src"); (jQuery)//获取父页面的iframe的src属性值              var htmlUrl = window.parent.$
jquery得到iframe src属性值的方法
10-25
主要介绍了jquery得到iframe src属性值的方法，很简单，很实用,需要的朋友可以参考下
获取iframe src里的参数
wx254418276的博客
10-21 4332
父业面iframe： <div id="vue"> <iframe id="mainiframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="auto" src="../swap/finance/index.html?CID=13123jklkljlajkj"></iframe> </div> 子页
iframe中获取src的参数
与世无争的小垃圾
01-12 2040
var url = window.frames.location.href;
iframe父页面获取子页面参数的方法
12-10
标题和描述所提及的是一个具体示例，展示了如何从父页面获取`iframe`子页面中特定输入元素的值，这里我们将深入探讨这个过程以及相关的知识点。 首先，让我们了解`iframe`的基本概念。`iframe`（Inline Frame）是...
iframe子页面与父页面在同域或不同域下的js通信
10-25
在讨论iframe子页面与父页面间的JavaScript通信时，首先需要理解同域与跨域的概念。同域指的是两个页面的协议、域名和端口完全相同。跨域则是指页面的协议、域名或端口中的一个或多个不同。 在同域环境下，iframe与...
在iframe中调用js父页面和子页面方法
08-08
本篇文章将深入探讨如何在`iframe`中调用JavaScript，实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中，我们可以通过`<iframe>`标签来插入一个框架，例如： ```html <iframe src="child....
JS实现iframe中子父页面跨域通讯的方法分析
10-15
在JavaScript中，iframe子页面与父页面之间的跨域通信是一个常见的需求，特别是在处理嵌套页面交互、第三方组件或服务集成时。由于同源策略的限制，不同源的页面默认不能直接访问对方的DOM元素或JavaScript变量。...
如何获取<iframe>中的src属性
jumpman
03-22 2750
 这里写了一个获取iframe中的src的url地址并将其修改的例子 &lt;script type="text/javascript" &gt; var redurl; $(document).ready(function() { redurl=$('#redirt').attr("value"); $('#titles').find('a').removeC...
iframe父页面与子页面通信及相互调用方法
09-13
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法（含JS、JQuery方法）
PC老项目iframe中的子页面如何获取iframe
小柒的博客
04-15 1184
1.iframe的子页面的document文档对象只能获取当前文档模型中的元素，iframe属于它的父级文档中的元素 如果这个时候要获取，只能通过比document文档对象级别更高的单位window窗口对象获取窗口模型，然后通过窗口模型获取到当前窗口中的所有文档对象的iframe集合 如果只有一个iframe则是获取到单个iframe对象 获取单个的写法 window.frameElement ...
获取iframe src中参数
皮卡丘踢球
05-14 1万+
alert(GetIframeQueryString("regionCode","mumap")); //获取iframe嵌套的页面的url参数,第一个参数为需要获取的参数名,第二个参数为iframe的id. function GetIframeQueryString(name,id) { var reg = new RegExp('(^|&amp;)' + name + '=([^&am...
iframe子页面操作父页面
热门推荐
wang_2011的专栏
02-22 2万+
最近经常用到iframe，用的最多的就是在子页面中操作父页面的方法或变量等，总结了用到的几种方法，如下：                        var tableName = window.parent.frames["mainFrame"].tName;//获取父页面的参数值                         window.parent.frames["mainFram
同一页面的两个Iframe，其中一个iframe获取另一个iframe内的iframe中的元素值
weixin_30613433的博客
08-25 265
公共父页面（主页面）： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServer...
同域iframe中子页面如何访问父页面js中的方法
淡然坊
12-06 2075
问题是这样的：A页面中使用iframe套B页面，其中A和B都以mms.ied.com为网站根目录，按道理说应该是同域的啊，然而我在子页面的js中调用父页面js的方法时，chrome会给我提示“Uncaught SecurityError: Blocked a frame with origin "http://mms.ied.com" from accessing a frame with o
jsp页面iframe父子页面之间的调用
qing_er_的博客
08-01 1379
2. 通过iframe的name值调用父页面方法 ( 假设getSonList为子页面的一个方法)iframe页面调用父页面语法 （ 假设getDadList()为父页面的一个方法 ）1. 给iframe设置一个name值。
vue项目使用 iframe 父子页面传值。
weixin_45665171的博客
09-18 2165
vue项目使用 iframe 父子页面传值。
一个子页面通过iframe嵌套在一个父页面下，怎么实现子页面获取父页面传递的参数
最新发布
09-17
### 子页面获取父页面传递参数的三种方法 #### 一、通过 URL 参数传递（最常用） **父页面操作**：在 iframe 的 `src` 中添加查询参数 ```html <iframe src="child.html?token=abc123&userId=2024"></iframe> ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值