JavaScript -- Frame and window
2012-09-11 10:50
399 查看
框架将浏览器窗口分割成多个窗口,在每一个窗格中都可以加载不同的HTML文档。
<frameset>标记用以包含<frame>标记
对于一个并不包含框架的页面来说,仅存在一个window对象,但是对一个包含框架集的页面来说,页面中的每一个框架都有一个相应的window对象。除了代表包含框架集的顶层窗口的window对象之外,每一个框架的window对象都是其父框架的window对象的子对象。
rows 是对frameset进行水平分割,col是对页面进行垂直切割
onload:完成页面加载进行触发,其中包括浏览器完成了窗口的加载,窗口中页面的加载和页面中所有对象的创建。
通常在一个窗口中,当一个页面被加载时,前一个页面中的变量及变量的值将会丢失,但是对于架构集的话,顶层框架是不变的,所以我们可以在顶层框架中保存一些信息。
三种方式访问fraMenu
window.parent.parent.frames[0]
window.parent.parent.frames["fraMenu"]
window.parent.parent.fraMenu
引用另一个窗口中的myform中控件mycontrol的value属性:
window.parent.parent.fraMenu.document.myform.mycontrol.value
window对象的top属性,将直接返回一个对顶层框架的引用
但是有的时候,其它网站在框架中加载了你的网站,这是顶层窗口就是该网站。我们可以通过window.top.location.href属性来检查顶层窗口中的文件名是否与我们的顶层页面的文件名完全匹配。如果该文件名不是我们的顶层页面,我们可以使用window.top.location.replace("mypage.htm")的方法加载我们的页面为顶层。
select存在的时候,checked在哪个控件里面为真,那么就表示它被选中。
select存在一个属性叫selectIndex它是与select option从下标0开始算起,相对应。
打开新浏览器窗口
open(URL,window name designed for targetting,assign the width and height) 返回一个新窗口的引用。
改变窗体大小
newWindow.resizeTo(350.200); //窗口大小设置为350像素宽,200像素高
newWindow.moveTo(100,400); //移动到距离左边界100像素,屏幕上边界400像素的位置
<frameset>标记用以包含<frame>标记
对于一个并不包含框架的页面来说,仅存在一个window对象,但是对一个包含框架集的页面来说,页面中的每一个框架都有一个相应的window对象。除了代表包含框架集的顶层窗口的window对象之外,每一个框架的window对象都是其父框架的window对象的子对象。
rows 是对frameset进行水平分割,col是对页面进行垂直切割
onload:完成页面加载进行触发,其中包括浏览器完成了窗口的加载,窗口中页面的加载和页面中所有对象的创建。
通常在一个窗口中,当一个页面被加载时,前一个页面中的变量及变量的值将会丢失,但是对于架构集的话,顶层框架是不变的,所以我们可以在顶层框架中保存一些信息。
三种方式访问fraMenu
window.parent.parent.frames[0]
window.parent.parent.frames["fraMenu"]
window.parent.parent.fraMenu
引用另一个窗口中的myform中控件mycontrol的value属性:
window.parent.parent.fraMenu.document.myform.mycontrol.value
window对象的top属性,将直接返回一个对顶层框架的引用
但是有的时候,其它网站在框架中加载了你的网站,这是顶层窗口就是该网站。我们可以通过window.top.location.href属性来检查顶层窗口中的文件名是否与我们的顶层页面的文件名完全匹配。如果该文件名不是我们的顶层页面,我们可以使用window.top.location.replace("mypage.htm")的方法加载我们的页面为顶层。
select存在的时候,checked在哪个控件里面为真,那么就表示它被选中。
select存在一个属性叫selectIndex它是与select option从下标0开始算起,相对应。
打开新浏览器窗口
open(URL,window name designed for targetting,assign the width and height) 返回一个新窗口的引用。
改变窗体大小
newWindow.resizeTo(350.200); //窗口大小设置为350像素宽,200像素高
newWindow.moveTo(100,400); //移动到距离左边界100像素,屏幕上边界400像素的位置
相关文章推荐
- javascript学习随笔(使用window和frame)的技巧
- javaScript strict Mode and Window
- javascript学习随笔(使用window 和 frame )
- javascript学习随笔(使用window和frame)的技巧
- javascript学习随笔(使用window和frame)的技巧
- 内部嵌套2层frame. frame无滚动条, window高度根据frame网页高度自适应javascript.
- Capture and report JavaScript errors with window.onerror
- javascript学习随笔(使用window和frame)的技巧
- javascript教程 - 第三部分 window 和 frame 对象
- JavaScript教程 - 第三部分 window 和 frame 对象
- javascript学习随笔(使用window和frame)的技巧
- javascript学习随笔(使用window和frame)的技巧
- javascript window.event.clientX in Firefox and cursor:pointer
- Unsafe JavaScript attempt to access frame with URL(window.open 子窗体得不到父窗体的句柄)
- Codeproject—JavaScript For Beginners(5) Form_ Window_ Frame
- The Javascript alert, confirm, and prompt boxes
- DE2 framebuffer and video capture interface for SOPC (altera11.0)
- javascript 中的 window.open() 参数设置
- Device and Viewport Size In JavaScript
- JavaScript WINDOW FOR JAVASCRIPT