如何将HTML iFrame中的Javascript变量设置为父变量中另一个变量的值？
要将HTML iFrame中的Javascript变量设置为父变量中另一个变量的值，可以通过以下步骤实现：
- 在父页面中定义一个全局变量，用于存储需要传递给iFrame的值。
- 在iFrame页面中，通过
window.parent对象访问父页面的全局变量。 - 将父页面的变量值赋给iFrame页面中的变量。
下面是一个示例代码：
在父页面中：
<!DOCTYPE html>
<html>
<head>
<title>父页面</title>
</head>
<body>
<script>
// 定义全局变量，存储需要传递给iFrame的值
var parentVariable = "父页面的变量值";
</script>
<!-- 在iFrame中引入子页面 -->
<iframe src="子页面.html"></iframe>
</body>
</html>在iFrame页面中（子页面.html）：
<!DOCTYPE html>
<html>
<head>
<title>iFrame页面</title>
</head>
<body>
<script>
// 通过window.parent对象访问父页面的全局变量，并将其赋给iFrame页面中的变量
var iframeVariable = window.parent.parentVariable;
console.log(iframeVariable); // 输出：父页面的变量值
</script>
</body>
</html>这样，就可以将父页面中的变量值传递给iFrame页面中的变量。需要注意的是，父页面和iFrame页面必须在同一个域名下，否则会受到浏览器的同源策略限制。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
相关·内容
在我的html页面中(file:///C:/Users/NEC/Desktop/test.html)有javascript变量(或输入文本字段)和调用其他主机的iframe (本地主机:8081/TProject在test.html中
<iframe src="localhost:8081/TP
浏览 0提问于2014-02-13得票数 0
我想在我的网页上显示另一个网页的窗口，希望通过iframe。我需要将src设置为javascript变量，代码如下：<head><title>my webpage</title></head>
<SCRIPT language=JavaScript" name="Go to">&l
浏览 0提问于2012-12-01得票数 2
回答已采纳
我有两个iframe，每个iframe显示两个不同的html页面。两个html页面都引用包含全局变量的公共javascript文件。如果我在html页面加载期间在一帧中设置该全局变量的值。是否可以使用相同的全局变量将该值访问到另一个iframe ht
浏览 2提问于2009-03-16得票数 6
我试图在一个iframe中添加一个变量，它以Javascript的方式工作，但它不能以Jquery的方式做我想要的事情。这是一个。纯javascript方式：var scriptObject = iframeDocument.createElement(scriptObject);
在控制台中
浏览 0提问于2015-10-28得票数 0
我有一个超文本标记语言文件与一堆javascript和iFrame的源代码存储在同一个域。在父对象中，我有一个变量：在iFrame中，我希望执行以下操作：alert(b);alert(window.parent.a);
为什么我不能将b赋给
浏览 6提问于2016-08-22得票数 0
1回答
我希望用户在主页上提交他们的电子邮件地址，并在另一个详细页面完成其他问题。我正在通过url传递电子邮件地址，但我不能将其发送到TypeForm iframe。以前有没有人这样做过？<form class="form-inline" action="join.html" method="GET"> <input></input
浏览 0提问于2016-03-04得票数 0
1回答
我有一个网页，我调用fancybox插件iframe来显示另一个页面。我已经用这个页面上传了一张图片。现在，我希望在fancybox关闭后将图像路径传递回父页面。我想在父页面上设置一个全局变量，然后在fancybox iframe中设置该变量的值(设置为上传的图像路径)。然后，在父页面上，我放置了fancybo
浏览 1提问于2014-06-02得票数 0
我对JavaScript有点陌生，在发帖之前我已经寻找了几个小时的答案。我有一个使用iframe加载表单的页面。我有一个Javascript函数，它解析URL并将UTM值保存到变量中。现在我需要将变量传递给这个iframe url。id=14875"></iframe>htt
浏览 3提问于2015-05-30得票数 1
当表单目标设置为iframe source并在发布表单内容后设置会话变量时，在此方案中，如果父页面的图像源为空，则在iframe操作页面中设置的会话值将<head><body>
&
浏览 2提问于2011-06-23得票数 0
回答已采纳
2回答
我想从父index.html访问iframe中的变量。<!doctype html><head></head>
<script type="text/javascript>
在控制台
浏览 3提问于2016-03-26得票数 0
回答已采纳
1回答
我的索引文件中有一个iframe，我想从iframe中获取所有的html并将其存储在一个变量中。iframe中加载的内容来自另一个域。所以我正在尝试使用javascript、postMessage和eventListener来实现这一点。到目前为止，这是我的代码。我有一个调用click方法的按钮。index.vue le
浏览 0提问于2019-02-22得票数 1
我需要从iframe提取一个名为useableData的变量值，返回到父页面。这个变量值是在AJAX调用之后创建的。
我发现自己被困在这一点上了。我尝试对iframe设置一个onload函数调用，我的变量返回为未定义的。，大概是因为它是在父页面中调用的，在父页面中，开始时没有任何Ajax调用。
浏览 0提问于2021-02-04得票数 1
回答已采纳
1回答
我在主页上有一个类似下面的javascript :它只是定义了一个变量var bla= "bla";在我的iFrame中，我有另一个javascript，它只生成如下所示的警告不幸的是，出现了警告窗口，但内容显示为“未定义”。如何从父窗口中的函数中读取变量<
浏览 0提问于2012-12-22得票数 0
回答已采纳
1回答
我有一个包含html页面的iframe页面。我想从iframe中访问父页面中的Javascript变量。主页面中变量的名称是observer。我试过这个但我得到了以下错误：
。
浏览 11提问于2010-10-07得票数 4
回答已采纳
1回答
涉及帧的调用顺序
、、
我有一个嵌入了iframe的html页面。是否可以引用不带前缀(window.top或类似)的window.top中的全局变量，或者必须始终使用完整路径才能访问嵌入式框架中的变量。在Google Chrome中的一个快速测试中，我无法在没有前缀的情况下访问window.top级别的变量，但我有一种怀疑，在早期/在其他浏
浏览 0提问于2015-03-29得票数 0
1回答
我使用的是salesforce，我需要注入一个带有一些javascript逻辑的iframe。该逻辑需要从父框架中读取一个变量。问题是父html托管在force.com上，静态iframe html托管在salesforce.com上，Chrome给我一个消息“不安全的Javascript尝试访问带有URL...”我试图将变量放在iframe<e
浏览 4提问于2012-08-04得票数 0
1回答
我想在Iframe中获取父页面的名称和路径。这样做的原因是为了防止Iframe中的页面显示在其预期位置之外。如果我可以得到父页面的会话变量，那就更好了，因为我可以验证用户。Iframe将用ASP.NET编写，而父页面是PHP。
我已经找到了可能工作的Javascript代码，但我对javascript以及如何将返回值</
浏览 0提问于2013-02-21得票数 2
回答已采纳
1回答
Iframe文档全局
、、、
这是我在几个月内遇到的第一个js/HTML问题，我一直无法在网上找到答案。如果我使用jquery或普通文档动态填充iframe (所以我猜与父文档来源相同)，并且在主体中使用使用" document“global - IE”$( JavaScript ).ready“的一些脚本填充子如果我用以下HTML填充动态iframe：
<iframe id='if'><ifram
浏览 1提问于2015-07-17得票数 1
1回答
在某些情况下，取决于DOM加载的顺序，一个iframe将拥有正确的数据，而另一个则根本没有任何数据。我现在的想法(并接受建议)是在父页面中加载一次AJAX，将我需要的数据存储为本地存储变量，然后从每个iframe中调用这些变量。vars，并且它在父页面中工作。如果我打电话给
$(".class-name-of-a-p").<e
浏览 0提问于2021-02-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
