js取iframe中的对象

最新推荐文章于 2022-06-02 14:54:40 发布

原创最新推荐文章于 2022-06-02 14:54:40 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java

本文介绍了一种通过JavaScript操作网页中iframe内部form元素的方法。具体实现是先获取到iframe元素，然后通过contentWindow或contentDocument属性访问iframe的内容窗口，进而获取到特定的form表单，并修改该表单中特定字段的值。

页面有个id="main"的iframe,iframe加载了一个页面,其中有一个form,id="SubForm".

操作SubForm中的对象

var x=document.getElementById("main");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;			
var sf = y.getElementById('SubForm');
sf.startTime.value = $('startTime').value;
sf.endTime.value = $('endTime').value;

作个记录..

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

w_pingfan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS获取并操作iframe中元素的方法

12-09

JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)：代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)：代码如下: ...

javascript获取iframe框架中加载的页面document对象

weixin_30564901的博客

03-15

261

javascript获取iframe框架中，加载的页面document对象因为浏览器安全限制，对跨域访问的页面，其document对象无法读取、设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentW...

参与评论您还未登录，请先登录后发表或查看评论

js获取iframe中的对象

11-17

1227

通常一个网站的head,foot,rightBar(右侧的条目)都是相同的，这部分内容可以通过引入的方式，否则一旦需要修改，就需要修改十个，二十个，乃至更多的页面，是一项既繁琐但又毫无意义的工作。借助于PHP或者JSP，使用include能够轻松解决此问题，但是如果脱离后端语言，从前端的角度，...

js获取iframe对象

smile的专栏

11-22

1万+

搜索资料获取iframe对象可以这样写document.frames("iframeId").document;或 window.frames['iframeId'].document注：注意：window.frames只可写成window.frames[‘iframeId’]不能写成window.frames(‘iframeId’) 但是在IE环境下测试会报Uncaught TypeError:

js 获取iframe中javascript对象

camel113的专栏

04-23

1921

根据iframe name属性获取 mainFrame 为 iframe的name属性值 I1为mainFrame子页面中的iframe框架的name属性值 var centerdoc = window.parent.frames['mainFrame'].document; //center.doc var middoc = centerdoc.frames["

js取iframe 上级页面_js如何获取iframe页面内的对象

weixin_39634576的博客

12-21

289

简单介绍iframe标签，所有的浏览器都支持标签，iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。通常我们常用的iframe标签的属性有：width(iframe 的宽度)、height(iframe 的高度)、frameborder(显示框架周围的边框)、src(iframe 中显示的文档的 URL)。那么如何使用js来获取iframe页面内的对象呢，以及反过来说内嵌的ifra...

js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

weixin_39707536的博客

12-21

474

用原生js在父页面获取iframe子页面的元素，以及在子页面获取父页面元素，这是平时经常会用到的方法，这里写一个例子来总结下：1、父页面(demo.html)，在父页面修改子页面div的背景色为灰色，原来为红色：demo主页面window.onload = function(){var _iframe = document.getElementById('iframeId').contentWin...

js取iframe 上级页面_js之iframe子页面与父页面通信

weixin_31610297的博客

12-30

631

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。一、同域下父子页面的通信父页面parent.htmlfunctionsay(){alert("parent.html");}functioncallChild(){myFrame.window.say();myFrame.window.document.getElementById("button")...

Js之获取iframe中的元素

weixin_45346457的博客

06-02

1611

iframe

JS获得iframe中的window对象

热门推荐

Rex.Yin的专栏

09-03

2万+

JQuery获得iframe的window对象 var win = $('#ifr')[0].contentWindow; JS原生方法获得iframe的window对象 document.getElementById("ifr").contentWindow; 可见 $('#ifr')[0].contentWindow 和 document.getElementById("

js取得html iframe中的元素和变量值

10-25

`iframe`（Inline Frame）是一种嵌入式对象，它可以在一个网页中加载另一个网页，实现页面的分层展示。`iframe`的使用使得我们可以将不同内容模块化，便于管理和维护。当我们尝试获取`iframe`中的内容时，必须确保...

jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

10-21

要获取当前选中Tab中的iframe窗体对象，我们需要利用JavaScript的DOM操作和window对象的特性。下面的代码段展示了如何实现这个功能： ```javascript function getTabWindow() { var curTabWin = null; var curTab...

jQuery取得iframe中元素的常用方法详解

11-23

在网页开发中，有时我们需要操作或获取嵌套在`iframe`中的HTML元素，这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。首先，我们要明确一点：跨域的`iframe`是无法...

js如何设置在iframe框架中指定div不显示

10-26

在JavaScript中，隐藏或显示`iframe`框架内的`div`元素是常见的需求，尤其是在构建复杂的网页布局或交互时。以下是一些使用JavaScript实现这一功能的方法，以满足在不同上下文中控制`div`可见性的需求。首先，我们...

智慧机房数据中心(DC)-整体技术方案.pptx

最新发布

12-07

智慧机房数据中心(DC)-整体技术方案.pptx

基于领域驱动设计理念构建的Go语言现代化权限管理系统后端项目_采用六边形架构实现高内聚低耦合的模块化设计集成Viper配置管理Iris高性能Web框架GORM对象关系映射J.zip

12-07

基于PyQt5与MySQL的Python桌面应用程序_学生宿舍管理系统_数据库课程设计大作业_实现学生信息增删改查与多条件搜索_宿舍楼栋房间分配与状态管理_宿管人员信息维护与权限管.zip

12-07

kaikai-sk_DatabaseCourse_41676_1764964279580.zip

12-07

kaikai-sk_DatabaseCourse_41676_1764964279580.zip

运维-指针19-传统数组的缺点.swf

12-07

运维-指针19_传统数组的缺点.swf

如何取 iframe 对象

07-07

要获取 iframe 对象，您可以使用 JavaScript 中的 `document.getElementById` 方法来获取指定的 iframe 元素。首先，为您的 iframe 元素添加一个唯一的 id 属性，然后使用 `document.getElementById` 方法来获取该元素的引用。下面是一个示例： ```html <iframe id="myIframe" src="https://www.example.com"></iframe> <script> // 获取 iframe 对象 var iframe = document.getElementById("myIframe"); // 操作 iframe 对象 // 例如，获取 iframe 内部的文档对象 var iframeDocument = iframe.contentDocument; </script> ``` 在上面的示例中，我们首先通过 `document.getElementById("myIframe")` 获取到了 id 为 "myIframe" 的 iframe 元素的引用。然后，我们可以通过 `iframe.contentDocument` 来获取该 iframe 的内部文档对象，从而可以对其进行进一步操作。请注意，由于浏览器的安全策略限制，跨域的 iframe 对象可能无法直接访问其内部文档内容。