一般情况下,可以通过读取iframe的“src”属性来获取iframe的地址,但是如果在iframe里面因为点击而发生了URL的改变的话,“src”属性是不会反映这种变化的。因此我们需要进一步访问iframe的“contentWindow”属性来知道这种动态的变化。
获得“contentWindow”之后,就可以通过路径“contentWndow.window.location.href”来得到当前的实际URL地址。
来源:http://stackoverflow.com/questions/2670626/get-url-from-iframe-and-update-hash-in-browser-url
分享到:
相关推荐
ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe ...因此,在使用 iframe动态加载页面时,需要注意安全性和性能问题,合理设计和实现 iframe 的使用。
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性获取** 当iframe加载完成并且其内容高度已知时,可以使用`contentWindow`和`contentDocument`属性来访问iframe的DOM对象...
如果 iframe 中的内容是动态生成的,我们可能无法获取其内容。 解决方案:使用 JavaScript 库或框架来监控 iframe 中的内容变化,然后获取其内容。 3. iframe 中的内容包含其他 iframe 如果 iframe 中的内容包含...
### JS获取iframe内容【简化版】 #### 知识点概览 本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。...
在实际应用中,获取iframe DOM元素的场景可能包括:动态修改广告内容、集成第三方模块、统计页面上的特定内容等。理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建...
总之,`javascript`动态调整`iframe`高度的核心在于获取`iframe`内容的实际高度,并将其设置为`iframe`元素的`height`属性。通过正确处理同源策略和跨域通信,我们可以确保无论`iframe`内容如何变化,都能保持页面...
总之,获取`iframe`子网页的高度是一个涉及到浏览器兼容性和动态计算的复杂问题。开发者需要根据具体的应用场景和目标用户群体,采用适当的解决方案,确保在各种浏览器下都能正常工作。对于涉及跨域的情况,还需要...
一旦获得了`iframe`内部的DOM元素,就可以像操作普通页面元素一样对其进行修改。 ```javascript iObj.document.getElementsByTagName('h1')[0].innerHTML = '我想变成她一天的一部分'; ``` #### 三、Firefox下访问...
这里,`#myframe`是`iframe`的ID,`prop('contentWindow')`返回的是`iframe`的窗口对象,而`window`对象在JavaScript中包含了`document`属性,所以通过`.document`可以获取到`iframe`内部的`document`对象。...
JavaScript动态修改iframe内嵌网页地址的方法是一种常见的网页编程技巧,允许开发者根据不同的需求动态地更换iframe中显示的内容。在Web开发中,iframe是一个非常实用的HTML元素,它可以在当前页面内嵌入另一个独立...
然而,`<iframe>`的高度自适应问题常常困扰着开发者,尤其是当`<iframe>`内部的内容动态加载或者变化时,如何让`<iframe>`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...
当我们需要从多个`iframe`中获取值时,可能会涉及到跨窗口通信,这需要对DOM操作和JavaScript有深入的理解。以下是一些关键知识点: 1. **创建和引用iframe**: - 创建`iframe`:通过HTML `<iframe>` 标签,设置`...
然而,在使用`<iframe>`时,有时我们需要监测其内容的变化,特别是当`<iframe>`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...
在JavaScript编程中,有时我们需要获取Iframe(内联框架)中的内容,这在处理嵌套页面、跨域通信或者实现动态加载时非常常见。本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流...
通过设置`iframe`的`src`属性,可以指定要加载的文档地址。 2. **跨域限制**:出于安全考虑,浏览器通常对`iframe`的访问有严格的同源策略限制。如果`iframe`加载的内容与包含它的页面不在同一个域下,则无法直接...
为了使`iframe`的高度能够自适应其内部内容的高度变化,我们需要动态地获取`iframe`内部文档的实际高度,并将这个值设置为`iframe`自身的高度。具体实现步骤如下: 1. **获取`iframe`元素**: - 使用`document....
如果这个过程中也出现了异常,说明无法通过document.referrer获得URL,此时回退到获取当前iframe的document.referrer。如果以上方法都无法获取URL地址,那么最终url变量将是一个空字符串。 文章还特别提到,这段...
首先,要访问`iframe`内部的DOM,我们必须获取到`iframe`对象,然后通过`contentWindow`属性访问到`iframe`内部的`window`对象,再通过`document`属性获取其`document`对象。这样,我们就能够对`iframe`内的HTML元素...