本文地址:http://www.cnblogs.com/veinyin/p/7608351.html
是浏览器的一个实例,也是一个全局对象
1 全局作用域
全局作用域中声明的变量、函数都会变成 window 对象的属性和方法
很多全局 JavaScript 对象实际上都是 window 对象的属性
2 窗口关系及框架
若页面中包含窗口,则每个框架都拥有自己的 window 对象,并且保存在 frames 集合中
访问方式: window.frames[0] 或 top.frames[0]
-
-
top 对象始终指向最外层框架,及浏览器窗口
-
patent 对象始终指向当前框架的直接上层框架
-
iframe 使用
1 <body> 2 3 <iframe width="100%" height="auto" scrolling="no" src="index3.html" name="leftFrame" frameborder="1,red,dotted"></iframe> 4 5 <iframe src="index4.html" name="rightFrame" frameborder="0" scrolling="no"></iframe> 6 7 <p>hello,world</p> 8 </body>
效果如下
其中 height 设置要使用数值,不能使用百分数,若要将两个 iframe 在一行显示,使用 float 实现,display:inline 似乎实现不了? 必要时记得使用 clear 清除下浮动
使用场景: 多个页面中均含有重复不变内容,复用此代码,用户仅需下载一次,我们也可以少做些重复工作
-
3 窗口位置和大小
3.1 窗口位置
1 window.moveTo(x,y); //移动到 x,y 处 2 3 window.moveBy(x,y); //移动 x,y 距离
3.2 窗口大小
1 window.resizeTo(x,y); //调整到 x,y 大小 2 3 window.resizeBy(x,y); //长宽分别增加 x, y
4 打开窗口
1 window.open("xxx.html","topFrame"); 2 3 //在名字为 topFrame 的框架中打开该页面
5 系统对话框
5.1 alert()
1 alert("Hello,World!"); 2 //只有一个确认按钮
效果如下
5.2 confirm()
1 confirm("Are you sure?"); 2 //有确认和取消两个按钮
5.3 prompt()
1 var input = prompt("What's your name?","Cherry"); 2 //第一个参数为提示语,默认有一个输入框,第二个参数为输入框中默认值,可为空
以上将用户输入返回给 input