BOM 浏览器对象模型

Window对象
1.所有浏览器都支持window对象,它表示浏览器窗口;
2.用法
  • 属性:对象名.属性名
  • 方法:对象名.方法名();
  • 事件:对象名.事件名=callback;
3.所有JavaScript全局对象、函数以及变量均自动成为window对象的成员;
  • 全局变量是window对象的属性
  • 全局函数是window对象的方法
  • 举例:
  • <script type="text/javascript">
    		var name="gsl";//name为全局变量
    		function showname()//showname为全局函数
    		{
    			return("my name is gsl");
    		}
    		console.debug(name);
    		console.debug(sayname());
    		console.debug(window.name);
    		console.debug(window.sayname());
    	</script>

    后台结果展示:


    4. HTML DOM 的 document 也是 window 对象的属性之一;
        window的 属性包括子级DOM对象(history、location、document)以及screen等
    5. 作为DOM的根,window可以省略不写;
    6.window的 方法(涉及到浏览器兼容性):
    • 消息框
    •         1)alert:没有返回值,仅用于给出提示框; window.alert("");
              2)confirm:有2个按钮分别表示true、false,返回值为Boolean类型; window.confirm("");
              3)prompt:有2个按钮和一个输入框,确定时返回string类型值,取消返回object类型值(null); window.prompt("");
    • 窗口
    •         1)open:打开一个新窗口(新选项卡); window.open("URL");
              2)showModalDialog:以模式(不关闭无法返回原窗口)方式打开新窗口,Chrome不支持,IE、FF支持; window.showModalDialog("URL");
              3)close:关闭当前窗口,如果是由open或showModiaDialog方法打开的窗口肯定可以关闭;如果是直接在浏览器地址栏输入地址打开的窗口则根据浏览器不同规则有所不同; window.close();
    • 定时器:(设定一个回调函数和一个延时时间)
    •         1)setTimeout:延时定时器,最多执行一次
              2)setInterval:循环定时器,只要不清除,一直会执行
              3)clearTimeout/clearInterval:清除定时器时不区分延时还是循环定时器,建议尽量按照类别清除
    7.window的事件
    • onload:页面加载完成后执行;
    • onscroll:页面滚动后执行;
    • oncontextmenu:右键菜单

    猜你喜欢

    转载自15951837734.iteye.com/blog/2304345