• top.location和window.location.href的区别


    转自:http://www.cnblogs.com/liangyu/articles/2530884.html

    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。

    实际中可能这样使用:

    1 if(top !== self){            
    2 
    3    top.location.href = location.href;
    4 
    5 }   //禁止frame引用

    以下是从网上找到的一个例子,不是很直观, 我加了上面那三行代码, 可以先去掉, 再加上, 看一下效果,就很清楚了。

    top.htm 代码:

     1 <script language=javascript>
     2 
     3    function rs(){
     4 
     5     if(top !== self){
     6 
     7       top.location.href = location.href;
     8 
     9       }
    10 
    11       parent.left.location.href="top.htm"12 
    13     parent.bot.location.href="top.htm"14 
    15       }
    16 
    17 < /script>
    18 
    19 < input type=button name=name value="ksdj" onclick=rs();>

    以下是一个随意文件名的htm文件:

     1 <FRAMESET COLS="150,*">
     2 
     3     < FRAME SRC="left.htm" name=left>
     4 
     5     < FRAMESET ROWS="150,*">
     6 
     7          < FRAME SRC="top.htm" name=top>
     8 
     9          < FRAME SRC="bot.htm" name=bot>
    10 
    11     < /FRAMESET>
    12 
    13     < /FRAMESET>  

    试试,可能是这样的效果!

    top表示主窗口,location表示当前窗口,如果你的文件只有一个框架,没有iframe和frmaeset,那么是完全一致的,没有区别。

    top.location是在顶层frame中打开新页   window.location是在当前frame中打开新页

    parent.location 在当前窗口的父窗口打开Url地址

  • 相关阅读:
    【12】简单SQL语句
    【11】分离与附加
    【10】约束
    CSS深入理解学习笔记之vertical-align
    CSS深入理解学习笔记之relative
    CSS深入理解学习笔记之z-index
    CSS深入理解学习笔记之margin
    CSS深入理解学习笔记之padding
    CSS深入理解学习笔记之border
    网页结构与表现原则
  • 原文地址:https://www.cnblogs.com/Janejxt/p/9240440.html
Copyright © 2020-2023  润新知