window 对象

本文地址: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

感谢您的阅读及指正,让我们一起进步。
欢迎联系我交流:veinyin@gmail.com
作者:VeinYin
博客地址:https://www.cnblogs.com/veinyin/
如需转载请注明出处。
原文地址:https://www.cnblogs.com/veinyin/p/7608351.html