js中top的作用深入剖析

  本篇文章主要是对js中top的作用进行了深入的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

  每一个WINDOW对象,不论他是常规HTML页面。框架集页面。子框架还是孙子框架,都具有一个TOP属性。这个属性返回对载入浏览器得最顶层WINDOE对象得引用;

  。如果WINDOW对象是常规HTML页面,TOP就是SELF

  。。。。。。。顶层框架及页面, 。。。。。。。。

  。。。。。。。子框架,TOP指向框架得父亲,也就是说,下面两个表达式是等效的;

  SELF.TOP

  SELF.PARENT

  。如果WINDOW对象是子框架,TOP指向框架得祖父。也就是说下面两个表达式是等效得

  self.top

  self.parent.parent

  这可能提醒了你一个减少按键得好方法,尤其是当你认为能为能仅适用TOP本身是(那就是说,使用TOP本身来代替SELF.TOP或者WINDOW.TOP),这虽是可行的,但是应该特别注意:必须确保TOP真正指向你的顶层框架

时间: 2024-11-29 02:42:53

js中top的作用深入剖析的相关文章

js中top的作用深入剖析_javascript技巧

每一个WINDOW对象,不论他是常规HTML页面.框架集页面.子框架还是孙子框架,都具有一个TOP属性.这个属性返回对载入浏览器得最顶层WINDOE对象得引用: .如果WINDOW对象是常规HTML页面,TOP就是SELF .......顶层框架及页面, ........ .......子框架,TOP指向框架得父亲,也就是说,下面两个表达式是等效的: SELF.TOP SELF.PARENT .如果WINDOW对象是子框架,TOP指向框架得祖父.也就是说下面两个表达式是等效得 self.top

js中top/parent/frame概述及案例应用_基础知识

引用方法top: 该变量永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. parent: 该变量指的是包含当前分割窗口的父窗口.如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口. 附:Window对象.Parent对象.Frame对象.Document对象和Form对象的阶层关系 Windwo对象→Parent对象→Frame对象→Document对象→Form对象

js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版_javascript技巧

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth   (包括边线的宽);网页可见区域高: document.body.offsetHeight  (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: documen

js中top.location.href、parent.location.href用法

window.location.href.location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转 举例说明: window.location.href.location.href: 例:  代码如下 复制代码 window.location.href= 'wapsend1.asp?zimu=A&rev= '   +   form1.rev.value ; parent.location.href:C页

js中继承的几种用法总结

 本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助 一,js中对象继承   js中有三种继承方式   1.js原型(prototype)实现继承   代码如下: <SPAN style="BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-SIZE: 18px"><html>   <body>  

js中继承的几种用法总结(apply,call,prototype)_javascript技巧

一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 复制代码 代码如下: <SPAN style="BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-SIZE: 18px"><html>  <body>  <script type="text/javascript">      function Person(na

在js中加html注释的作用?

问题描述 在js中加html注释的作用? <!-- function getStringLength(str){ var num=0; if (str!=""){ var i; var s; for(i=0;i<str.length;i++){ s=str.charCodeAt(i); if(s-128<0) num=num+1; else num=num+2; } } return num; } //--> 解决方案 就是说这些代码本来应该删除,但是这个程序员

js中不同的height, top的区别对比_基础知识

每次看到js中的 clientHeight(clientTop), offsetHeight(offsetTop),scrollHeight(scrollTop)就头大,根本分不清这几种的区别,然而碰到这些已经不 值一两次了,然后每次都要查看一下各自的区别,才能决定使用哪个. 本篇主要以chrome为准,可能各个浏览器之间还是有一些区别,但很多自己还未真正遇到过,还不是很清楚,等以后碰到了类似的兼容性问题,再记录到这里,这次就chrome浏览器中各个属性的区别做个记录,以方便以后的查看 一 cl

求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用。

问题描述 求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用. window.onload=function () { var oTab=new TabSwitch('div1'); }; function TabSwitch(id) { var oDiv=document.getElementById(id); this.aBtn=oDiv.getElementsByTagName('input'); this.aDiv=oDiv.getElementsByTagNam