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 //只有一个确认按钮
效果如下
![](http://i2.muimg.com/567571/a9dbec4b26fc3b60.png)
5.2 confirm()
1 confirm("Are you sure?"); 2 //有确认和取消两个按钮
5.3 prompt()
1 var input = prompt("What's your name?","Cherry"); 2 //第一个参数为提示语,默认有一个输入框,第二个参数为输入框中默认值,可为空
以上将用户输入返回给 input
本文地址:https://www.cnblogs.com/veinyin/p/7608351.html
感谢您的阅读及指正,让我们一起进步。
欢迎联系我交流:veinyin@gmail.com
作者:yuhui_yin
博客地址:https://www.cnblogs.com/veinyin/
如转载请注明出处。
感谢您的阅读及指正,让我们一起进步。
欢迎联系我交流:veinyin@gmail.com
作者:yuhui_yin
博客地址:https://www.cnblogs.com/veinyin/
如转载请注明出处。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步