`
f543711700
  • 浏览: 326977 次
  • 性别: 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提交的...

    解决iframe中fixed失效的问题

    1. **同源策略**:如果 `iframe` 中的页面与包含它的页面不在同一个域下,浏览器出于安全考虑,会阻止页面之间的交互,包括CSS样式的影响。这意味着 `iframe` 内的 `fixed` 元素可能只相对于 `iframe` 自身,而不是...

    使用iframe在网页中嵌入其他网页的方法

    同时,`iframe`也有一些需要注意的点,比如跨域问题,如果嵌入的网页与主页面不在同一个域名下,可能会受到浏览器的同源策略限制。此外,`iframe`的使用也可能会对网页的性能和SEO产生影响,因为它们可能会导致额外...

    关于iframe中生成父窗口元素及增加event事件的问题(IE已实现,Firefox暂未实现)

    需要注意的是,由于跨域限制,如果iframe和父窗口不在同一域,这些操作可能会失败。在实际开发中,为了实现跨域通信,可以利用`postMessage`和`message`事件,这是一种相对安全且被广泛接受的跨窗口通信方式。 在...

    自学Iframe框架

    通过监听`load`事件,可以知道Iframe内容何时加载完成。 ```javascript document.getElementById('myIframe').addEventListener('load', function() { console.log('Iframe加载完成!'); }); ``` #### 五、注意...

    Jquery调用iframe父页面中的元素及方法

    在使用jQuery进行操作时,需要注意的是jQuery本身并不提供跨iframe域的直接支持。因此,这里提到的方法和实例都基于同源策略,即父页面和iframe页面属于同一域名。如果尝试在不同源的iframe中操作元素,将会遇到跨域...

    通过JavaScript+IFRAME实现页面分屏加载

    - **用户体验**:加载进度提示和错误处理机制也是必不可少的,让用户知道页面正在加载,或者在加载失败时提供反馈。 通过JavaScript和IFRAME实现的分屏加载是一种实用的技术,它能帮助开发者优化网页加载速度,提高...

    Iframe 框架自适应被嵌入页面高度

    如果跨域,我们需要在被嵌入页面中设置`window.postMessage`来进行通信,以便让外部页面知道何时需要调整Iframe的高度。 ```javascript // 在被嵌入页面中 window.addEventListener('message', function(event) { ...

    判断iframe里的页面是否加载完成

    总之,通过监听`iframe`的`onload`事件,我们可以准确地知道`iframe`内的页面是否已加载完成,并根据需要执行相应的操作。在实际开发中,这一技巧对于实现动态加载、页面交互以及错误处理等功能非常关键。

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

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

    js自定义方法通过隐藏iframe实现文件下载

    在探讨如何通过隐藏iframe实现文件下载之前,我们首先需要了解一些基础知识点。iframe是一种用于在网页中嵌入另一个HTML页面的技术。它允许网页设计者将一个网页的内容嵌入到另一个网页中,就像是在浏览器中打开的新...

    判断iframe是否加载完成的完美方法

    有时我们需要知道`iframe`何时加载完成,以便进行进一步的操作,例如处理数据交互或者执行相关脚本。判断`iframe`是否加载完成的方法有多种,这里将详细讨论两种常见且有效的方法。 首先,我们可以使用`onload`事件...

    多个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传入数据到子...

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

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

    jquery插件:ajax和iframe加载提示效果

    **jQuery 插件:Ajax 和 Iframe 加载提示效果** 在网页开发中,用户体验是至关重要的,尤其是在进行异步操作(如Ajax请求)或加载Iframe时,用户往往需要一个明确的反馈,告知他们系统正在进行后台处理。这个jQuery...

    javascript控制frame,iframe的src属性代码

    首先,关于标题中提到的“控制frame,iframe的src属性代码”,我们知道在HTML页面中,frame和iframe标签被用于嵌入其他HTML文档。frame标签通常被用于定义一个框架集,而iframe标签则用于在当前页面中嵌入另一个HTML...

Global site tag (gtag.js) - Google Analytics