获取iframe里面的元素并设值

最新推荐文章于 2025-07-12 16:41:47 发布
原创 最新推荐文章于 2025-07-12 16:41:47 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用HTML中的iframe元素来嵌入外部文档，并展示了通过jQuery操作iframe内部元素的方法。此外，还提供了关于iframe属性配置的参考资料。

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

iframe使用

<iframe src="../../src/html/cron-master/cron.html" name="iframe_corn_config" id="iframe_corn_config" scrolling=no height='560px' width='880px' frameborder=0 marginheight='0px' marginwidth='0px' ></iframe>

参数配置和详解见：

http://www.w3school.com.cn/tags/tag_iframe.asp

父页面获取值

var cornText = $("#iframe_corn_config").contents().find("#cron").val();//jquery 方法1  ;

$("#iframe_corn_config").contents().find("#cron").val(data.data.cornText);

$("#iframe_corn_config").contents().find("#btnFan").click();

参见：

https://www.cnblogs.com/alisonGavin/p/8315634.html


vue 嵌入iframe页面,获取iframe元素修改样式
周家大小姐
03-25 1万+
<template> <div class="workbench-container"> <div v-if="idDev" style="width:100%;height:100px"> <div style="margin-left:-162px;margin-top:-90px;"> <iframe id="iFrame" ref="iframes" .
jQuery获取iframe中元素值
代码改变生活
05-08 3740
1、iframe页面取元素的值： //父页面代码： <div> <iframe id="iframe1" src="HtmlPage1.html" runat="server" width="500px" height="200px"></iframe> <input id="Button2" t...
javascript 获取iframe里页面中元素值的方法
12-10
IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法： 代码如下:    function getValue(){          var tmp = ”;          if(document.frames){                 tmp += ‘ie哥说：’;              
深入探索iframe元素及其应用
最新发布
weixin_33193177的博客
07-12 425
iframe是一个嵌入式的HTML页面，可以用来在当前页面中加载和显示一个单独的HTML文档。它为开发者提供了一个简单的方式来实现页面内的页面，常用于展示第三方内容或进行页面部分区域的动态内容更新。name属性在iframe元素中扮演着至关重要的角色，它不仅定义了iframe的名称，而且在页面间进行跳转或使用JavaScript进行操作时起到了标识的作用。一个合适的iframename可以提高页面间跳转的准确性和脚本的执行效率。在实际使用时，name属性通常与target。
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
jquery访问IFRAME
flycomos_lee的博客
11-11 452
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.fra...
iframe给主页面元素赋值【使用jquery获取页面数据】
weixin_30839881的博客
03-01 193
在框架中，我将组织成的 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句： 1.window.parent.document.getElementById("myEle").innerHTML = html;使用 jQuery ，写法如下： 1.$("#myEle", window.parent.document).html(html);...
获取iframe中元素的值
SimonChen
12-02 1319
 aa.html   function ok(){     var n = myframe.txt.value;     var l = myframe.lab.innerText;   }  bb.htmltest
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
解析Jquery取得iframe中元素的几种方法
10-27
- **在父窗口操作iframe中的单选按钮**：`$(window.frames["iframeSon"].document).find("input[@type='radio']").attr("checked", "true")`用于选中并设置所有单选按钮的选中状态为true。 - **在iframe中操作父...
Jquery方式获取iframe页面中的 Dom元素
10-25
为了获取iframe中的DOM元素，我们可以通过jQuery来实现这一目标。在具体的实现过程中，需要注意iframe中的内容必须和主页面出于同一个域中，否则会受到浏览器同源策略的限制，无法获取到其中的DOM元素。这是因为...
Jquery取得Iframe中元素的几中方法
11-13
jqery 各种取iframe值！
如何获得iframe中元素的值
diaopubin4661的博客
01-04 269
在Web开发时，很多时候会遇到一个问题。我在一个页面嵌入了iframe，并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢？ 先来看下演示： 效果演示 iframe1中文本框的值： 在IE下操作IFrame内容的代码： document.frames["MyIFrame"].document.getElementByI...
调用iframe中的方法和获取iframe中元素的值
atongmu2017的博客
08-02 7433
首页：iframe引入test.html <html> <body> <p>用 IFRAME 可以在HTML文件里显示另一个网页。</p> <p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p> <iframe id="iframe" src="test.html...
Jquery取得iframe中元素值
freedom_fd的博客
08-20 641
Jquery取得iframe中元素ID HTML 内容 <div class="row"> <div class="row-2" id="notify-receive_member_id" style="margin-left: 218px; "> <iframe id="mail_index" width="100%" height="600px" src=...
获取 Iframe内的元素对象
期待下集是个可爱梦儿
08-12 920
1，实现javascript重载iframe页面，兼容各浏览器的方法 document.getElementById(FrameID).contentWindow.location.reload(true); 2，其次是获取iframe内的元素并应用 iframe.con
使用jquery准确获取iframe中的元素
llq886的博客
05-16 4254
window.onload=function(){// 确保jquery 可用 //先获取iframe的document对象，在最外层window中加载的js默认会使用最外层的document对象，直接使用$("iframe.子元素")大概率取不到元素 let iframeDocument=$("iframe[name='iframeName']")[0].contentWindow.document; let targetDom=$(iframeDocument).find('子元素'); }
Jquery获取iframe中的元素
weixin_33827731的博客
04-14 83
iframe与父页面之间相互获取元素的方法： 1、从父页面中获取iframe页面中的元素： 用法： $(window.frames["iframe_include_adverse"].document).find() 如：$(window.frames["iframe_include_adverse"].document).find("input:not(:hidden[name*='_']...
vue 获取iframe里面的dom元素
05-10
在Vue中获取iFrame里面的DOM元素是一项非常基础但也很重要的技能，因为iFrame可以让我们实现各种嵌套应用，比如实现插入别人的网页，或者是嵌套各种应用。在Vue中获取iFrame里面的DOM元素有以下几种方法： 1. 通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值