js 实现 iframe 传参

最新推荐文章于 2025-03-14 16:54:39 发布
最新推荐文章于 2025-03-14 16:54:39 发布
阅读量912 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/506180
本文通过一个具体的示例展示了如何使用JavaScript来操作页面中的IFrame元素，并更改其源地址。通过对页面URL的解析与重组，实现了IFrame内容的动态加载。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

案例：

<iframe height="430" width="480" id="orderfm" scrolling="No" frameborder="0"></iframe>

<script type="text/javascript">

this this.location.href;< /p>

abc=thisHREF.substring(0,thisHREF.lastIndexOf('/'));

document.getElementById("orderfm").src="http://www.kfw09.com/qsjy/order.php?abc="+abc+"";

</script>


本文转自 gutaotao1989 51CTO博客，原文链接:http://blog.51cto.com/taoyouth/1143246
js 实现iframe 之间传值
07-12
js 实现iframe 之间传值
JS IFRAME传参
aheak的专栏
12-02 641
<br /><%if (Request.QueryString["ID"].ToString() != "") {%><br /><script language="javascript" type="text/javascript"><br /> <br />     document.getElementById("leftframe").src="test.aspx?id=<%=Request.QueryString["id"].ToString() %>"<br /> <br /></script>
iframe通过js连个页面传参
dandinghe1990的专栏
03-19 205
  两个重要的javascript语句:    top.result.document.location='result.html?data=' + data;    和    window.top.frames['result'].document.getElementById("an").innerHTML=data;    都很好理解,  第一个就是js重新载入父窗口中name为resu...
iframe通过js两个页面传参
心如止水,万事皆成。心态决定我的成功。2013-05-01下定决心。2014-05-11人生的转折点
09-19 9604
最近碰到个问题, 要在Iframe之间传值和数据, 因为页面对像的不同, 一个ifram页面中的form值和数据直接get或Post都是传不到另一个iframe页面的, 设置taget也没有用, 在网上找了很久 没有很好的方法. 只有通过js来实现. 两个重要的javascript语句: top.result.document.location='result.html?da
页面中iframe相互传值传参
10-29
首先，要在不同浏览器中实现iframe的相互传值传参，我们可以通过全局对象window来引用父窗口和子窗口。在iframe中，可以通过window.parent获取到父窗口的对象，而在父窗口中，则可以通过window.frames数组来访问特定...
如何实现iframe父子传参通信
10-15
以上就是实现`iframe`父子传参通信的主要方法，包括非跨域和跨域场景。在实际应用中，需要根据具体的需求选择合适的方式，并注意处理可能出现的安全问题。对于跨域通信，还可以考虑使用CORS（跨源资源共享）或者...
JS实现向iframe中表单传值的方法
10-20
JS实现向iframe中表单传值是常见的交互技术，它涉及到JavaScript对页面元素的操作以及表单属性的处理。以下是对这个主题的详细解释： 首先，我们需要理解iframe的基本概念。iframe（Inline Frame）是一种在HTML文档...
iframe 传参
最新发布
08-15
首先，我需要回顾一下常见的iframe传参方法。常见的有几种：URL参数、postMessage、window.name、以及使用localStorage或者sessionStorage。但要注意跨域的问题，如果两个页面不同源，某些方法可能受限。 用户可能...
JS中Iframe之间传值的方法
多一点点的专栏
09-27 2455
1.在iframe子页面中获取父页面的元素： a>window.parent.document这个是获取父页面document中的对象； b>如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法； 2.在父页面中获取iframe子页面中的元素： a> var child = document.getElementByI
javascript 父子iframe相互传参数
u013803262的专栏
07-03 2万+
前端开发的过程中。可能用iframe去嵌套html页面。当我们在父iframe中传递参数去给子iframe的时候。 我们可以通过将参数对象设置成子类iframe的window对象的成员变量。<iframe id="childFrame" src="iframeChild.html"></iframe> <script type="text/javascript"> var childFra
IFrame子窗口JS方法互相调用和传参
jastar的专栏
10-15 1万+
<br />child1.html和child2.html都是父页面parent.html中的一个子iframe，请看child1.html如何调用child2.html中的方法。<br /> parent.html<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Con
javascript在iframe间传递数据
大猪的博客
06-15 1957
最近发现javascript方面的知识了解得太少，但是一直在做javascript方向的项目，也亏得项目不是很赶，才没有在进度方面落下来。 废话讲完。 如果有一个页面，主页面（叫html1好了）里有一个iframe（html2），但是有时候html1需要获取html2的数据或者html2获取html1的数据。 我们都知道，每个html都有一个window对象，所以我们可以通过window对象
【vue】【JavaScript 】iframe父子传参方法
weixin_47351913的博客
07-08 819
备注：msg可以传入字符串、数组、对象或数组对象等格式参数，依据自身的业务需求来定。第三个参数是useCapture（变量）：用来判断是捕获还是冒泡。2）第三个参数是useCapture（默认为false）第一个参数event：监听的事件名称。第二个参数是函数：需要执行的事件。
js给iframe动态设置src和参数参数传递问题
热门推荐
cherishpart的专栏
09-09 5万+
最近开始接触到一个挺老项目，其中涉及到了一些jsp代码编写， 其中遇到一个问题比较麻烦，就是在jsp页面中iframe 的src属性动态修改的问题 页面：hello.jsp，table.jsp 页面上有三个标签：text，button，iframe 实现的功能是：点击button标签，将text标签内容作为src 的请求参数传递给服务端的jsp页面，在hello.jsp中动态显示子窗口表格
iframe传递参数
weixin_49232311的博客
05-26 951
console.log(event.data.params, "参数值");console.log(event, "事件");1、iframe父页面发送数据和接受数据。2、子页面接受数据和发送数据。
iframe嵌套页面传值
卑微牛马学习笔记
01-03 1万+
iframe页面嵌套传值
使用JavaScript实现iframe间数据传递的多种方法
weixin_42181686的博客
03-14 1483
在Web开发中，同源策略是一个重要的安全机制，由浏览器强制实施，用来限制一个源（Origin）的文档或脚本如何与另一个源的资源进行交互。通常情况下，如果两个URL的协议（Scheme）、域名（Host）和端口（Port）都相同，那么这两个URL就被认为是同源的。例如，两个URL和就是同源的，因为它们的协议（http）、域名（www.example.com）和端口（默认是80）都相同。在Web存储API中，localStorage和sessionStorage是两种主要的存储方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值