`
f543711700
  • 浏览: 322890 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

关于iframe你不知道的那些事

阅读更多
假设a.html包含了一个iframe,
iframe的id和name是:myIframe,链接到b.html

在a.html 有两个javascript语句:

alert(window.myIframe);
alert(docuemnt.getElementById('myIframe'));


你会发现第一句得到的是 [object window]
而第二句话得到的是:[object HTMLIFrameElement]

所以:window.myIframe.location.href = 'xxxx.html'是可以的
而:docuemnt.getElementById('myIframe').location.href = 'xxxx.html'无法运行。
因为:window对象才具有location属性


同样:window.myIframe.width = 100px 无法运行
而:docuemnt.getElementById('myIframe').width = 100px 可以运行。
因为:window对象不具备width属性,而htmlElement对象才具备。
分享到:
评论

相关推荐

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

    Android WebView拦截iframe标签内部跳转教程

    最近项目里有个广告位需要动态配置,后台给了一段 html 嵌套iframe标签的代码,需要Android拦截iframe内部的跳转,自己做处理。...oh,我还是第一次知道iframe标签,不过想着应该和普通拦截h5差不多,兴

    多个iframe自动调整大小的问题

    一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。... } 我用过这种方式,但是等号后面的第一个对象不知道应该怎样动态显示。 比如: function change_size(no) { var el_name = “iframe”+no;

    零基础html5+div+css+js网页开发教程第014期 iframe

    零基础html5+div+css+js网页开发教程第014期_iframe

    khhf_iframe.js

    khhf_iframe.js

    基于iframe实现ajax跨域请求 获取网页中ajax数据

    大家都知道,在不同域的情况下是不能发送ajax请求的,浏览器会报如下错误: 同时,内嵌的iframe中无法进行跨域通信的,也就是说不同域的iframe是无法互相读取数据的(当然利用hash变化可以从父window传入数据到子...

    js检测iframe是否加载完成的方法

    应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load...

    JavaScript实现iframe自动高度调整和不同主域名跨域

    大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的。 比如我有一个网站,网站中要嵌入其网站的页面。那么我可以使用iframe引用第三方网站的地址即可。 但是问题也来的iframe的高度是固定的不能与第...

    iframe与[removed]如何使用详解

    于是导出都是在使用onload解决,然而这并不能解决我遇到的问题,因为我发现,我项目上的页面仍然没加载,折腾了很久才知道,原来是因为项目使用了很古老的iframe来操作的,必须等iframe加载完之后才能执行方法,原因...

    vue中解决拖拽改变存在iframe的div大小时卡顿问题

    写在最前 针对于在vue中实现拖拽改变两左右个div大小的方式,请查看上一篇文章《vue中实现拖动调整左右两侧div的宽度》。...问题原因我不知道,不过这个博客给了我解决思路《解决jqueryUI的拖拽,如果元素中含有i

    iframe中使用jquery进行查找的方法【案例分析】

    知道页面时使用iframe框架插入的html,页面有些初始化的功能是在这里完成的,因此在这里添加这个checkbox组件,然后根据最后的window去寻找自己想要处理的window对象——window.parent.document

    Javascript iframe交互并兼容各种浏览器的解决方法

    但是这个控在内、外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定,有的是window,有的是contentWindow等等也许还有我们不知道的。 但是从子...

    jquery插件jbox使用iframe关闭问题

    此按钮调用close方法关闭,弹出窗口,没有办法关闭,因为close方法需要以个参数,参数应该是那个iframe但是将其传入并不生效,不知道为什么在网上查找也没有找到解决方案。。 最后只好自己改其源码,在其close方法第...

    JFrame界面美化IFrame应用。

    在JDK1.4以前,我们只有一种方式来去掉窗口的标题栏,那就是直接使用JWindow,用JWindow来代替...但用过JWindow的人一定知道,JWindow在操作系统的任务栏是不可见的,这样我们就无法在几个视窗之间来切换到这个窗口了。

    javascript+iframe 实现无刷新载入整页的代码

    用iframe也可以实现,但没有上述做法完美,参见discuz那些网站,如登陆弹出一个层,也是载入的一个页面,但我发现状态栏左边出现的是 正在打开about:blank,不知道是不是将iframe的src设为about:blank,然后在编辑iframe呢...

    [HTML][初学] 15. iframe 嵌入影片

    [HTML][中文][初學]_15.__iframe_嵌入影片

    responsive-iframe:演示

    我将其称为“响应式 iframe”,因为 iFrame 通常是静态的,因此不适用于响应式网页设计。 此代码管理 iframe 的高度和宽度,因此用户永远不会知道页面中有第二个文档。 更多信息: 的我们在博客中讨论了对卫报开源...

    高处不胜寒WuFeng的.Net日期控件2.0支持版

    不知道为什么出现这种问题,据说控件的作者好像也没有再2.0下更新。 经过多方测试,问题在于Height=247,Width=185 的IFrame设置,好像2.0 应该加上单位即Height=247px,Width=185px ,我试着更改后运行正常 ,和...

    pdfjs-2.0.943-temp-098-dist.rar

    ​ 但是 还不出来 , 只出现了 pdf的页数, 使用演示模式的时候又可以看到pdf, 一脸懵逼,不知道还有哪里需要修改 方式二: 还是控制器跳转, 但是跳转的不是 viewer.html页面了, 另外写了个页面 , 使用 iframe 的方式 把...

    FCKEditor使用、修改源代码经验总结

    废话不多说了,搞过web开发的人大概都知道FCKeditor是做为在线HTML编辑器的,类似于word的编辑试图和展现方式,实际上幕后依然是转成了HTML脚本的。因为笔者使用的是Java语言,所以开发环境也是基于Java的IDE,其他...

Global site tag (gtag.js) - Google Analytics