jquery获取父/子iframe页面的URL

u010244957

于 2022-12-20 11:29:01 发布

阅读量2.6k

点赞数

分类专栏： JQuery 前端文章标签：前端 jquery

本文链接：https://blog.csdn.net/u010244957/article/details/128381869

版权

在演示中创建了一个iframe框架页面，需要根据父页面URL指定子页面跳转。使用jQuery可以实现获取子页面和父页面的URL以及子页面参数。例如：http://localhost:16796/JG/TJ_JILU.aspx?zhcx=1&year=2022。通过获取这些值，可以方便地进行页面间的交互和控制。

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

最近因为要演示，做个临时ifame框架页面，因此子页面要根据父页面url来指定跳转。下面为ifame页面：

1、获取子页面url：

var currentpath = window.location.pathname;
console.log(currentpath); 
输出为：/JG/TJ_JILU.aspx

2、获取父页面url：

 let currentTopHref = window.top.location.href;
 console.log(currentTopHref);
输出为：http://localhost:16796/indexjg1.aspx?lx=12&appname=123

3、获取子页面参数：

var params = location.search; 
console.log(params);
输出为：?zhcx=1&LX_CODE=Y05&STATUS_FLAG=1&year=2022  (注：从问号开始)

有了以上值，再判断下跳转即可：

//如果父框架是indexjg1.aspx,则当前子页面跳转到页面 TJ_JILU1.aspx

最低0.47元/天解锁文章