js中的BOM
BOM的核心：window对象
bom：浏览器对象模型
window：是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过js访问浏览器窗口的一个接口，有事ECMASCRIPT规定的Global对象
var username="marry";
window.username="marry";
两句相等,都是定义一个全局变量
全局变量和全局方法都被声明定义在window对象上
window对象的方法
window.alert("content");
显示带有一段消息和一个确定按钮的警告框
window.confirm("message");
显示一个带有指定信息和ok及取消按钮的对话框
window.prompt("text,defaultText");
text:要在对话框中显示的纯文本
defaultText:默认的输入文本
返回值:如果用户单击提示框的取消按钮,则返回null,如果用户单击确定按钮,则返回输入字段当前显示的文本
weindow.open(pageURL,name,parameters)
功能:打开一个新窗口或者已经命名的浏览器窗口
设置:width:窗口宽度,height:窗口高度,left:窗口x轴坐标,top:窗口y轴坐标,toolbar:是否显示浏览器工具栏,menubar:是否显示菜单栏,scrollbars:是否显示滚动条,location:是否显示地址字段,status:是否添加状态栏
window.close():关闭窗口
js是单线程的语言,单线程就是所执行的代码必须按照顺序
setTimeout(code,millisec)
功能:在指定的毫秒数后调用函数或计算表达式
clearTimeout(id_of_settimeout)
取消由setTimeout方法设置的timeout
setInterval(code,millisec)
每隔指定的时间执行一次代码
clearInterval(id-of-setinterval)
功能:取消由setInterval方法设置的interval
location对象
location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能,它既是window对象的属性,也是document对象的属性
location.href
功能:返回当前加载页面完整的URL
location.href与window.location.href等价
location.host:返回服务器地址和端口好
location.pathname:
location.port:返回rul中指定的端口号,如果没有,返回空字符串
location.protocol:返回页面使用的协议
location.search:返回url的查询字符串.这个字符串以问号开头
使用location.href="xxx.html"来进行跳转,会在历史记录中生成心记录
location.replace(url)来进行跳转,不会在历史记录中生成新记录
location.reload()有可能从缓存中加载
location.reload(true)从服务器重新加载
掌握BOM中的history对象
history.back()
功能:返回历史记录的上一步
说明:相当于使用了history.go(-1)
history.forward()
功能:回到历史记录的下一步
说明:相当于使用过了history.go(1)
Screen对象包括有关客户端显示屏幕的信息
screen.availWidth可用页面宽
screen.availHeight可用页面高
window.innerWidth窗口宽
window.innerHeight窗口高
Navigator对象:提供浏览器和系统的信息
UserAgent:用来识别浏览器名称,版本,引擎以及操作系统等信息的内容
网友评论