contentWindow

最新推荐文章于 2024-07-10 09:01:51 发布

原创最新推荐文章于 2024-07-10 09:01:51 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何通过contentWindow属性获取iframe内的window对象，从而访问和操作其内部元素的方法。同时，探讨了如何利用appendChild方法在列表中添加项目，以及使用document.createElement创建按钮元素的技巧。此外，还讲解了Vue框架中$nextTick方法的应用，确保在数据更改后DOM能够及时更新。

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

1、contentWindow
document.getElementById(“myiframe”).contentWindow，
得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；
2、appendChild（）
在列表中添加项目
3、document.createElement（‘button’）
创建元素

4、

$nextTick
	在修改数据之后 立即使用他，然后等待	DOM更新。
	  this.$nextTick(function () {}）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_43776523

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

深入解析contentWindow, contentDocument

12-09

生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。 contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置父级 iframe ，或孙级 iframe 高度。 function showIframeH(){ var parentWin = parent.document.getElementById("test"); if(!parentWin) return false; var

frame与contentwindow对象

03-25

Frame 与 ContentWindow 对象 Frame 对象和 ContentWindow 对象是 HTML 文档中两个重要的对象，它们之间存在紧密的联系。通过本文，我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际...

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

iframe.contentWindow 属性：关于contentWindow和contentDocument区分

weixin_34150224的博客

11-13

2002

定义和用法　　contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档，可以通过所有标准的 DOM 方法来处理被返回的对象。　　语法：frameObject.contentWindow，或者 iframeObject.contentWindow（不是jquery对象）　　用iframe嵌套页面时，如果父页面要获取子页面里面的内容，可以使用contentW...

contentWindow 和 contentDocument

zanazh的专栏

10-29

1015

contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置父级 iframe ，或孙级 iframe 高度： function showIframeH(){ var parentWin = parent.

contentWindow的使用

我的地盘

06-20

2162

contentWindow属性是指指定的frame或者iframe所在的window对象： function fnNavigate() { for(i=0;i{ if(document.all(i).tagName=="IFRAME") { document.all(i).contentWindow.location = "http://www.msn.com"; } } }

iframe.contentWindow 介绍

THINK_OF_的博客

03-07

1087

父页面parent.html<body> <div id="parent">parent</div> <iframe id="ifr" src="child.html"></iframe></body>子页面child.html<body>

iframe获取contentWindow.document报错如何解决

热门推荐

weixin_44542089的博客

07-07

2万+

最近在给项目搭建功能的过程中遇到了个难题，因为在设计该项目时给的iframe子页面非常多，从头到尾数下来的话起码得有十多个子页面，当时搭页面的时候用了layui中的Tab选项卡插件，让用户可以通过点击所需的业务按钮来弹出相对应的分页面。但子页面多也并不是件好事，几乎每个子页面都需要用到父页面的中的方法，打开存放在父页面中与该业务相关的模态框、遮罩层，或是让父页面刷新，这都需要通过js中的paren...

contentwindow、contentDocument、Js操纵iframe

u013400314的博客

07-10

249

iframe的contentWindow属性

Yetian_2000的博客

09-11

2594

最近在给项目搭建功能的过程中遇到了个难题，因为在设计该项目时给的iframe子页面非常多，从头到尾数下来的话起码得有十多个子页面，但子页面多也并不是件好事几乎每个子页面都需要用到父页面的中的方法，打开存放在父页面中与该业务相关的模态框、遮罩层，或是让父页面刷新，这都需要通过js中的parent属性去实现。反过来说，父页面也始终会用到子页面中定义好的方法，而我现在碰上的难题便是如此。(比如在父中需要点击左侧菜单，触发子iframe中的某个事件，这个解决办法我在以前admin的maya代码中使用父中点击触

window.parent和contentWindow

qq_43654065的博客

09-14

797

window.parent概述返回当前窗口的父窗口对象。如果一个窗口没有父窗口，则它的parent属性为自身的引用。如果当前窗口是一个iframe、object或者frame，则它的父窗口是嵌入它的那个窗口。 contentWindow概述 contentWindow属性返回当前HTMLIFrameElement的Window对象.你可以使用这个Window对象去访问这个iframe的文档和它内部的DOM.这个是可读属性,但是它的属性像全局Window一样是可以操作的. 参考：MD...

iframe的contentWindow属性使用

风火一回，一生不毁

06-05

9776

contentWindow属性是iframe对象或frame对象的专属属性。兼容各种浏览器，并返回window对象作用是：以 HTML 对象来返回 iframe 或frame中的文档。 contentDocument 属性可用于火狐或IE8+，返回一个documnet对象。作用是：以 HTML 对象返回框架容纳的文档。

javascript 中contentWindow和 frames

tiger的专栏

10-21

773

contentWindow属性是指指定的frame或者iframe所在的window对象IE 中为 frames["id"]其他为document.getElementById("id").contentWindow contentWindow属性是指指定的frame或者iframe所在的window对象在IE中iframe或者frame的contentWindow属性可以省略，但在Firef...

JS操作iframe里的DOM || contentWindow,contentDocument

巴黎的妖

05-19

1万+

一、父级窗口操作iframe里的dom JS操作iframe里的dom可以使用contentWindow属性： contentWindow属性，是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则，必须指定contentWindow属性，conten

contentWindow.print() 打印

一只小孙鼠的博客

06-14

2114

调用iframe的contentWindow.print()方法来触发打印操作

各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

baoaoba9317的博客

07-10

201

Iframe易于嵌套及管理页面，但经常遇到跨域、父子页面访问问题，对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElement等操作，但对于标题中四个对象，一直没有完整测试过，故买个苦力，分享给大家。结论： 1. 就浏览器而言(横向)，IE8/IE9/360安全浏览器全部支持； 2. 就属性而言(纵向)，...