location.href的用户总结
*.location.href 使用方法:
top.location.href=”url” 在顶层页面打开url(跳出框架)
self.location.href=”url” 仅在本页面打开url地址
parent.location.href=”url” 在父窗体打开Url地址
this.location.href=”url” 使用方法和self的使用方法一致
if (top.location == self.location) 推断当前location 是否为顶层来 禁止frame引用
假设页面其中有自己定义的frame的话,也能够将parent self top换为自己定义frame的名称
效果就是在自己定义frame窗体打开url地址
javascript frame 刷新
引用:
--------------------------------------------------------------------------------
这是一个简单的事例:
下面是top.htm 代码
<script language=javascript>
function rs(){
parent.left.location.href="top.htm"
parent.bot.location.href="top.htm"
}
</script>
<input type=button name=name value="ksdj" onclick=rs();>
下面是一个任意文件名称的htm文件:
<FRAMESET COLS="150,*">
<FRAME SRC="left.htm" name=left>
<FRAMESET ROWS="150,*">
<FRAME SRC="top.htm" name=top>
<FRAME SRC="bot.htm" name=bot>
</FRAMESET>
</FRAMESET>
你自己试试,我想你要的可能就是这种效果!
--------------------------------------------------------------------------------
我引用楼上老兄的方法回复,帮忙解释一下吧。
下面是top.htm 代码
<script language=javascript>
function rs(){
parent.left.location.href="top.htm" //partent指的是父页,也就是最外面的框架页,left仅仅得是left.htm,location是left页的一向对象,而href是location对象的一个属性,就是该属性确定了left的url地址。所以这里就把你须要的地址给了这个parent.left。
parent.bot.location.href="top.htm" //此句意思同上面的大致一样。
} //函数结束,实现了同一时候对两个url的更新!
</script>
<input type=button name=name value="ksdj" onclick=rs();>
下面是一个任意文件名称的htm文件:
<FRAMESET COLS="150,*">
<FRAME SRC="left.htm" name=left> > //给这个left.htm定义了一个名字叫left
<FRAMESET ROWS="150,*">
<FRAME SRC="top.htm" name=top> //给这个top.htm定义了一个名字叫top
<FRAME SRC="bot.htm" name=bot> //给这个bot.htm定义了一个名字叫bot
</FRAMESET>
</FRAMESET>
window 对象的 location 属性包括了当前页面的地址 (URL) 信息,你能够直接改变此属性值,将其设置成新的地址 (URL):
window.location = "http://www.yahoo.com/";
或者
location = "http://www.yahoo.com/";
你还能够通过下边的两种方法中的不论什么一种来使浏览器从server上下载 (Load) 页面:
reload() - 促使浏览器又一次下载当前的页面,也就是“刷新”当前页面了。
replace(URL) - 促使浏览器依据 URL 參数中给出的地址 (URL) 下载页面,同一时候在当前浏览器存储的历史记录 (即所浏览过的页面的列表) 中使用新的地址(即此方法中的 URL 參数) 覆盖当前的页面。
使用 replace() 方法意味着用户将不能通过按 “返回” button回到前边浏览过的那个页面,但这并非说用户全然不能回到原来的全部页面,他们仅仅只是是无法回到被 replace() 方法替换的那一个页面 (注意:仅仅是被替换的那一个页面)。
framedemo.html,top.html,button.html为例来详细说明怎样做
当中framedemo.html由上下两个页面组成,代码例如以下:
<frameset rows="50%,50%"><frame name=top src="top.html"><frame name=button src="button.html"></frameset>
如今如果top.html即上面的页面有一个button来实现对以下页面的刷新,能够用以下七种语句,哪个好用自己看着办了。
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item('bottom').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent['bottom'].location.reload();
解释一下:
1.window指代的是当前页面,比如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包括它的框架页面。比如对于此例它指的是framedemo.html。
3.frames是window对象,是一个数组。代表着该框架内全部子页面。
4.item是方法。返回数组里面的元素。
看了部分文章个人总结:
top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location 在当前窗体的父窗体打开Url地址
location.href的用户总结的更多相关文章
- 解决安卓微信浏览器中location.reload 或者 location.href失效的问题
在移动wap中,经常会使用window.location.href去跳转页面,这个方法在绝大多数浏览器中都不会 存在问题,但早上测试的同学会提出了一个bug:在安卓手机的微信自带浏览器中,这个是失效的 ...
- 登陆判读,并跳转到指定页面(window.location.href='http://localhost/index.html')
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 functio ...
- window.location.href和window.open的几种用法和区别
使用js的同学一定知道js的location.href的作用是什么,但是在js中关于location.href的用法究竟有哪几种,究竟有哪些区别,估计很多人都不知道了. 一.location.href ...
- location.href的用法
*.location.href 用法: top.location.href=”url” 在顶层页面打开url(跳出框架) self.location.href=”url” ...
- [置顶] location.href你真的会用了?
*.location.href 用法: top.location.href=”url” 在顶层页面打开url(跳出框架) self.location.href=”url” ...
- chrome浏览器onunload方法无法执行window.location.href
记录用户不正常退出,如关闭浏览器的时候,执行onunload方法,跳回后台记录用户已经退出的信息,在ie上可以正常跳转,但在Firefox和chrome上却无法跳转. 测试后发现以下方法可以实现,支持 ...
- 安卓中location.href或者location.reload 不起作用
链接:https://www.cnblogs.com/joshua317/p/6163471.html 在移动wap中,经常会使用window.location.href去跳转页面,这个方法在绝大多数 ...
- vue项目中关于微信分享的坑,以及安卓和ios获取location.href不同的处理
最近做vue项目的微信公众号项目,涉及到微信分享,记录一下心得,以备后用,vue路由用的是hash模式: 该项目只是公众号里面的h5链接,不需要获取code获取access_token的票据,因此前端 ...
- java:JavaScript2:(setTimeout定时器,history.go()前进/后退,navigator.userAgent判断浏览器,location.href,五种方法获取标签属性,setAttribute,innerHTML,三种方法获取form表单信息,JS表单验证,DOM对象,form表单操作)
1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...
随机推荐
- jquery GET POST
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <head> ...
- xfire实现webservice客户端之测试关注点
日前的工作接触到很多系统间的Webservice调用,这里想谈谈基于spring+xfire实现的webservice的客户端踩过的一些坑,需要测试关注的点. xFire的配置项 在spring中实现 ...
- Java操作Oracle数据库以及调用存储过程
操作Oracle数据库 publicclass DBConnection { //jdbc:oracle:thin:@localhost:1521:orcl publicstaticf ...
- [BZOJ 1502] [NOI2005] 月下柠檬树 【Simpson积分】
题目链接: BZOJ - 1502 题目分析 这是我做的第一道 Simpson 积分的题目.Simpson 积分是一种用 (fl + 4*fmid + fr) / 6 * (r - l) 来拟合 fl ...
- 解决poi导出Excel异常org.openxmlformats.schemas.spreadshe
JAVA报表 POI未捕获到 servlet OUTEXCEL 的其中一个服务方法中抛出的异常.抛出的异常:java.lang.NoClassDefFoundError: org.openxmlfor ...
- Codeforces Round #206 (Div. 2)
只会做三个题: A:简单题,不解释: #include<cstdio> using namespace std; int k,d; int main() { scanf("%d% ...
- 国内更新Android SDK汇总
以下两个网站提供了响应的办法. http://www.androiddevtools.cn/ --国内镜像 http://blog.csdn.net/boonya/article/details/38 ...
- windows下NGINX和PHP配合(FASTCGI)
昨天测试了TOMCAT,今天考查了NGINX. 按网上说的作,比较简单. http://www.cnblogs.com/huayangmeng/archive/2011/06/15/2081337.h ...
- Git的分支与合并
在Git里面我们可以创建不同的分支,来进行调试.发布.维护等不同工作,而互不干扰.下面我们还是来创建一个试验仓库,看一下Git分支运作的台前幕后: $rm -rf test_branch_proj $ ...
- java学习面向对象之多态
如何理解多态,让我们举个例子来描述一下,因为单纯的说多态大家可能不理解: abstract class Animal { ; abstract void eat(); public void run( ...