点击iframe里网页上的链接，iframe网页地址改变了，怎样才能得到这个新地址？

作者：家具销售_903 | 来源：互联网 | 2023-08-28 18:42

实际上我是想在iframe里做一个Oauth的登陆，登陆后会有一个http的回调地址，回调地址里有我要的参数，我想要获得它们该怎么做？比如我在iframe里打开csdn主页，然后来到本版，地址栏就

实际上我是想在iframe里做一个Oauth的登陆，登陆后会有一个http的回调地址，回调地址里有我要的参数，我想要获得它们该怎么做？
比如我在iframe里打开csdn主页，然后来到本版，地址栏就是http://bbs.csdn.net/topics/new?forum_id=Javascript，我想要获得forum_id这个参数该怎么做？
如果我要获取url再用正则做的话，如何获得iframe里页面的实际URL？不是父页面的，是iframe中页面的url。
现在查到通过src属性只能获取原始设置值，location.href什么的实测不能用，还有获取要是完整路径或者说绝对路径，“？”之后的参数也要能获得。
______________________________________________________________________________________________
3楼我写错了，应该是document.getElementById(iframe_id).contentWindow.location.href

9 个解决方案

#1

哪位高手来看看吧

#2

自己稍稍顶一下

#3

还是没人答啊，太简单了不屑于答么... ...好寒心啊，自问自答算了.......
网上资料都是两端都能更改的，比如开两个iframe，这两个iframe里的html可以通信，这也是个跨域问题，但是这个问题由于不能改写服务端页面，也就是随便拿个页面都要适用，比如说我在iframe里开个百度首页，所以比较麻烦。
问题应该是在跨域上，document.getElementById(iframe_id).location.href可以读到完整url，但是由于跨域在浏览器里是跑不动的，用Phonegap做开发就没问题因为它是不管跨域的。所以在浏览器上还是没解决。
拿到后用正则或string的函数可以解决取参问题

#4

document.getElementById(iframe_id).src不行吗？

#5

不行，那个只能取到初始值，一旦点击了iframe里的链接url变化了，是取不到新的地址的

#6

在父页面，写一个function，接受iframe的调用
然后在iframe页面，例如oauth页面，执行一下父页面的这个function，把当前url传给父窗口。

父页面：

iframe页面1

go

iframe页面2

#7

楼主，这个问题解决了吗

#8

如果没跨域，可以通过 iframe.contentWindow.location.href获得，这个肯定是当前的，
跨域了，只能通过 iframe.src，只能取到初始值

#9

iframe有个加载完成的事件，在这个事件里面写src="xxx",



var iframe = document.getElementById("if_main");  

    iframe. onload = iframe. onreadystatechange = function(){

    	if (!iframe.readyState || iframe.readyState == "complete") {  

    				

    		//alert('加载完成  ');

        }

    };

推荐阅读

import
Java EE SDK 安装指南及常见问题解决

本文详细介绍了如何正确安装Java EE SDK，并解决在安装过程中可能遇到的问题，特别是关于servlet代码在Apache Tomcat 10中无法运行的情况。 ... [详细]

蜡笔小新 2024-12-18 12:09:19
object
DataGridView多列排序实现方法

本文介绍如何在Windows Forms应用程序中使用C#实现DataGridView的多列排序功能，包括升序和降序排序。 ... [详细]

蜡笔小新 2024-12-17 15:41:42
input
Knockout.js 中 if 和 visible 绑定的最佳实践

探讨在特定情况下使用 Knockout.js 的 if 或 visible 绑定的最佳实践，特别是在处理未定义对象时的策略。 ... [详细]

蜡笔小新 2024-12-09 10:44:36
object
如何利用jQuery的JSONP技术实现跨域调用外部Web服务？

本文探讨了如何利用 jQuery 的 JSONP 技术实现跨域调用外部 Web 服务。通过详细解析 JSONP 的工作原理及其在 jQuery 中的应用，本文提供了实用的代码示例和最佳实践，帮助开发者解决跨域请求中的常见问题。 ... [详细]

蜡笔小新 2024-11-07 09:24:55
js
Asp.net MVC 中 Bundle 配置详解：合并与压缩 JS 和 CSS 文件

本文深入探讨了 Asp.net MVC 中如何利用 Bundle 功能来合并和压缩 JavaScript 和 CSS 文件，提供了详细的配置步骤和示例代码，适合开发人员参考学习。 ... [详细]

蜡笔小新 2024-12-18 18:54:11
object
Java集合框架详解：Collection体系、Comparable与Comparator区别及底层数据结构分析

本文详细介绍了Java集合框架中的Collection体系，包括集合的基本概念及其与数组的区别。同时，深入探讨了Comparable和Comparator接口的区别，并分析了各种集合类的底层数据结构。最后，提供了如何根据需求选择合适的集合类的指导。 ... [详细]

蜡笔小新 2024-12-18 18:29:09
client
在Node.js中利用SOCKS5代理进行HTTP请求

本文探讨了如何在Node.js环境中，通过Tor网络使用的SOCKS5代理执行HTTP请求。文中不仅提供了基础的实现方法，还介绍了几种常用的库和工具，帮助开发者解决遇到的问题。 ... [详细]

蜡笔小新 2024-12-17 15:05:06
text
深入理解JavaScript中的闭包与柯里化

本文详细探讨了JavaScript中的闭包与柯里化技术，这两者是函数式编程的重要组成部分，对提升代码的灵活性和可维护性具有重要作用。 ... [详细]

蜡笔小新 2024-12-14 15:56:15
js
解决JavaScript中法语字符排序问题

在开发一个使用JavaScript、HTML和CSS的Web应用时，遇到从SQLite数据库中提取的法语词汇排序不正确的问题，特别是带重音符号的字母未按预期排序。 ... [详细]

蜡笔小新 2024-11-21 09:08:57
js
如何在HTML中嵌入JavaScript文件 - Techniques for Integrating .js Files into HTML Documents

将JavaScript文件嵌入HTML文档是Web开发中的基本操作。常见的方法是通过在HTML文件中使用``标签来引用外部的.js文件。这种方法不仅保持了代码的整洁性，还便于管理和维护。此外，还可以利用模块化脚本和异步加载技术进一步提升页面性能。 ... [详细]

蜡笔小新 2024-11-07 08:55:02
window
在 Angular Google Maps 中实现图片嵌入信息窗口功能 - Embedding Images into Info Windows in Angular Google Maps

在 Angular Google Maps 中实现图片嵌入信息窗口的功能，可以通过使用 `@agm/core` 库来实现。该库提供了丰富的 API 和组件，使得开发者可以轻松地在地图上的信息窗口中嵌入图片。本文将详细介绍如何配置和使用这些组件，以实现动态加载和显示图片的功能。此外，还将探讨一些常见的问题和解决方案，帮助开发者更好地集成这一功能。 ... [详细]

蜡笔小新 2024-11-05 10:58:38
js
交互式左右滑动导航菜单设计

本文介绍了一种使用HTML和JavaScript实现的左右可点击滑动导航菜单的方法，适用于需要展示多个链接或项目的网页布局。 ... [详细]

蜡笔小新 2024-12-18 17:56:15
spring
EasyMock实战指南

本文介绍了如何使用EasyMock进行单元测试，特别是当测试对象的合作者依赖于外部资源或尚未实现时。通过具体的示例，展示了EasyMock在模拟对象行为方面的强大功能。 ... [详细]

蜡笔小新 2024-12-18 13:03:19
client
VueJS多页面应用配置指南

本文探讨如何在VueJS项目中通过配置vue.config.js文件实现多页面应用（MPA），特别是针对管理端和客户端的不同需求。 ... [详细]

蜡笔小新 2024-12-02 11:22:01
window
使用纯JavaScript实现贪吃蛇游戏的开发技巧与解析

本文详细探讨了使用纯JavaScript开发经典贪吃蛇游戏的技术细节和实现方法。通过具体的代码示例，深入解析了游戏逻辑、动画效果及用户交互的实现过程，为开发者提供了宝贵的参考和实践经验。 ... [详细]

蜡笔小新 2024-11-08 13:56:09

家具销售_903

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章