浏览器对象模型BOM(会存在兼容性问题)
最大对象为window,window对象表示一个浏览器窗口或一个框架。它是全局对象(window可以省略)
窗口操作window
1、window.moveBy(x,y) 相对于当前位置水平移动x像素,垂直移动y像素
2、window.moveTo(x,y) 使左上角位于屏幕(x,y)处
3、window.resizeBy(x,y) 相对于当前窗口大小,把它的宽度调整x个像素,高度调整y
4、window.resizeTo(x,y) 把窗口宽度调为x像素,高调为y像素
5、window.open("URL") 打开新窗口
6、window.close() 关闭新窗口
7、window.innerWidth() 视口的宽度
8、window.innerHeight() 视口的高度
9、window.outWidth() 屏幕的宽度
10、window.outHeight() 屏幕的高度
11、window.alert() 警告对话框,创建一个具有ok按钮的系统消息框
12、window.confirm() 确认对话框,为判断用户点击的是ok按钮还是Cancel按钮,它返回一个Boolean值
13、window.prompt()
screen对象
1、screen.availHeight 窗口可以使用的屏幕高度,是可变化的
2、screen.availWidth 窗口可以使用的屏幕宽度,是可变化的
3、screen.height 屏幕的高度,是固定的
4、screen.width 屏幕的宽度,是固定的
5、screen.pixelDepth 色彩分辨率
location对象
加载页面
1、location.hash 得到锚点内容,例如<a href="#jdjjj">,#后面的就是内容
2、location.assign("URL") 当前页面打开
3、location.replace("URL") 在新窗口打开替换的页面
2、location.pathname 当前本地文件的URL(中文不解析)
3、location.port 获得端口
4、location.protocal 获得协议
5、location.href 获得当前页面的URl
history对象
1、history.back() 加载history列表中的前一个URL
2、history.forward() 加载history下一个URL
3、history.go(x) 加载某个具体页面
4、history.length() 返回浏览器列表中的url
navigator对象(浏览器信息,导航仪)
1、navigator.appName 浏览器名称
2、navigator.appVersion 浏览器平台和版本信息
时间间隔和暂停对象
1、window.setTimeout("JS语句",毫秒); 未来的某时执行代码
特点:若放在函数里面,则只执行一次,若放在函数外面,则无限循环
2、window.setIterval"JS语句",毫秒); 无限循环
3、window.clearTimeout(t); 清除循环
4、window.clearInterval(t); 清除循环
注意:当加速时间时,要先在循环前清除加速
最大对象为window,window对象表示一个浏览器窗口或一个框架。它是全局对象(window可以省略)
窗口操作window
1、window.moveBy(x,y) 相对于当前位置水平移动x像素,垂直移动y像素
2、window.moveTo(x,y) 使左上角位于屏幕(x,y)处
3、window.resizeBy(x,y) 相对于当前窗口大小,把它的宽度调整x个像素,高度调整y
4、window.resizeTo(x,y) 把窗口宽度调为x像素,高调为y像素
5、window.open("URL") 打开新窗口
6、window.close() 关闭新窗口
7、window.innerWidth() 视口的宽度
8、window.innerHeight() 视口的高度
9、window.outWidth() 屏幕的宽度
10、window.outHeight() 屏幕的高度
11、window.alert() 警告对话框,创建一个具有ok按钮的系统消息框
12、window.confirm() 确认对话框,为判断用户点击的是ok按钮还是Cancel按钮,它返回一个Boolean值
13、window.prompt()
screen对象
1、screen.availHeight 窗口可以使用的屏幕高度,是可变化的
2、screen.availWidth 窗口可以使用的屏幕宽度,是可变化的
3、screen.height 屏幕的高度,是固定的
4、screen.width 屏幕的宽度,是固定的
5、screen.pixelDepth 色彩分辨率
location对象
加载页面
1、location.hash 得到锚点内容,例如<a href="#jdjjj">,#后面的就是内容
2、location.assign("URL") 当前页面打开
3、location.replace("URL") 在新窗口打开替换的页面
获得当前地址
1、location.hostname 主机地址2、location.pathname 当前本地文件的URL(中文不解析)
3、location.port 获得端口
4、location.protocal 获得协议
5、location.href 获得当前页面的URl
history对象
1、history.back() 加载history列表中的前一个URL
2、history.forward() 加载history下一个URL
3、history.go(x) 加载某个具体页面
4、history.length() 返回浏览器列表中的url
navigator对象(浏览器信息,导航仪)
1、navigator.appName 浏览器名称
2、navigator.appVersion 浏览器平台和版本信息
时间间隔和暂停对象
1、window.setTimeout("JS语句",毫秒); 未来的某时执行代码
特点:若放在函数里面,则只执行一次,若放在函数外面,则无限循环
2、window.setIterval"JS语句",毫秒); 无限循环
3、window.clearTimeout(t); 清除循环
4、window.clearInterval(t); 清除循环
注意:当加速时间时,要先在循环前清除加速