一. 打开子窗口的方式
1. 打开一个新窗口的方法:
Window.open (“ 文件路径”, “_blank”, “ width = 100px, height = 100px, toolbar = yes” )
( 其实里面有很多属性,这里就写这些例子,注意属性的写法,双引号的位置)
2. 固定按钮不动 ( 拖动滑动条时其位置不变 )
在按钮的样式设置中添加 { position : fixed; left: 100px; top: 100px; }
3. 获得窗口中标签名的对象:
例如获得div标签的写法( 把其付给一个变量text )
下面的是把子页面li 的值传给父页面的text 对象的写法 :
Var list = document . getELementsTagName ( “ li ” )
For( var i = 0; i < list.length; i++ ){
List [ i ] . onclick = function () {
top . opener . document . getElementById (“ text ”) . Value = this . InnerHTML ;
}
};
下面是把父页面中打开子页面的写法 :
Var text = document . getElementById (“ text ”);
Window . Open ( “ ./子页面.html ” , “ _black”, “ width = 100px; height = 100px; toolbar = yes ” );
解释: getElementsTarName(“ 标签名 ”) : 获取标签名
getElementById ( “ id名 ” ) : 获取id名
Top . Opener . Document. getElementById (“text”) . Value = this . InnerHTML ; 表示 把li 里面的值传给父窗口的id 名为text 的对象.
This . innerHTML 表示读取this 所指向的 li 里面的值.
二. 窗口操作
针对FIRFOX 的 这种属性:
1. Window.screenLeft : 获取浏览器距离屏幕左侧边距的值
2. Window.screenTop : 获取浏览器距离屏幕顶部边距的值
针对FIRFOX 的 这种属性:
1. Window.screenX : 获取浏览器距离屏幕左侧边距的值
2. Window.screenY : 获取浏览器距离屏幕顶部边距的值
浏览器的尺寸
针对FIRFOX 和 chrom 的 这种属性:
1. Window.innerWidth : 获取浏览器的宽度值
2.Window.innerHeight : 获取浏览器的高度值
针对IE的 这种属性:
1.Document.documentElement.clientWidth : 获取浏览器的宽度值
2.Document.documentElement.clientHeight : 获取浏览器的高度值
各种操作
1 . 浏览器窗口的位置:
MoveBy ( x, y ) : 浏览器相对于自身当前打开的位置
X 代表水平方向的位移值
Y 代表垂直方向的位移值
moveTo ( x, y ) : 浏览器相对于屏幕移动的位置
X 代表水平方向的位移值
Y 代表垂直方向的位移值
2. 浏览器窗口的大小:
ResizeBy ( x, y ) : 浏览器在原有的尺寸上,再增加尺寸
X 代表水平方向增减的尺寸
Y 代表垂直方向增加的尺寸
resizeTo ( x, y ) : 固定浏览器的尺寸大小
X 代表水平方向固定的尺寸
Y 代表垂直方向固定的尺寸
滚动条的设置:
ScollBy ( x, y ) : 相对于滚动条当前的位置的位移
X 代表水平方向的滚动条相对于当前的位移值
Y 代表垂直方向的滚动条相对于当前的位移值
ScollTo ( x, y ) : 相对于滚动条的原点的位置的位移( 原点 就是滚动条最开始出现的位置, 每次的位移都是相对于这个原点来移动的)
X 代表水平方向的滚动条相对于原点的位移值
Y 代表垂直方向的滚动条相对于原点的位移值
设置时间间隔的方法
1. setInterval ( fun ( ) {
............代码段..................
} , 1000 );
表示: 每隔1000毫秒 (1秒) 就执行一次代码段的内容, 其中的fun() { .....方 法的实现....} ,这是传入setInterval 的匿名函数,其实这里是把 函数fun 作为了一个实参传给 了setInterval.
2. setTimeout ( fun ( ) {
............代码段..................
} , 1000 );
表示: 1000毫秒 (1秒)之后 就执行代码段的内容, 仅仅只执行一次, 其中的fun() { .....方法的实现....} ,这是传入setTimeout 的匿名函数,其实这里是把 函数fun 作为了一 个实参传给了setTimeout .
其中有一个函数用以清除setInterval , 使setInterval 停止作用:
首先把setInterval 函数的返回值付给一个变量 times , 然后调用clearInterval ( ), 把setInterval 的返回值 times 传给clearInterval ,变达到清除setInterval 的作用, 使 某个行为停止. 注意: 这里调用 clearInterval 之后, 是直接删了setInterval 这个对象, 这样来起到停止setInterval 的行为; 如果再次调用setInterval ,这时又会创建一个 setInterval 的对象.