页面交互

Jquery实现页面交互与跳转方法
项目中常需解决页面交互问题。介绍了用Jquery实现页面交互和跳转的方法,如window.location.replace本地重定向跳转且不可逆;window.opener用于子页面调用父页面对象;window.parent用于iframe页面调用父页面对象;还提及frames数组代表框架内子页面,以及窗口刷新语句调用。

在我们做项目的时候 有很多页面要我们来设计
设计完成之后我们还要给它们设定相对应的功能 这就导致了我们做项目时常都要考虑的一个问题 那就是各类页面的交互问题我们应该怎么解决

在这里插入图片描述

这个是我们最常见也是最常用的方法
用Jquery方法 window;location.replace 是利用本地重定向来跳转页面页面跳转之后不可逆

window.opener是window.open打开的子页面调用父页面对象 window.opener只是对弹出窗口的母窗口的一个引用

比如:A页面中 通过点击按钮等方式window.open出一个新的窗口B页面 那么在B页面中 就可以通过window.opener来引用A页面 包括A页面的document等对象,操作A页面的内容

window.parent 是iframe页面调用父页面对象

parent表示父窗口 比如一个A页面利用iframe或frame调用B页面
那么A页面所在窗口就是B页面的parent

在这里插入图片描述

通过这个方法就能够实现子页面和父页面的交互

window指代的是当前页面 例如对于此例它指的是top.html页面

parent指的是当前页面的父页面 也就是包含它的框架页面 例如对于此例它指的是frame.html

frames是window对象
是一个数组 代表着该框架内所有子页面

如果想关闭窗口时刷新或者想开窗时刷新的话 在中调用以下语句即可

开窗时刷新

关闭时刷新
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值