JS总结——BOM
来源:互联网 发布:玩转财务大数据 编辑:程序博客网 时间:2024/06/05 07:58
概念
浏览器对象模型
包含以下对象:
window navigator screen history location
window
window是浏览器的一个实例。
方法
1. windows.alert
显示带有一段消息和一个确认按钮的警告框
2. windows.confirm
显示一个带有指定消息和ok以及取消按钮的对话框
返回值:点击“确定”,返回true;反之亦然。
3. windows.prompt(“text, defaultText”)
参数说明:
Text: 要在对话框中显示的纯文本 defaultText: 默认的输入文本
返回值:
点击“取消”,返回 null
确认”,返回 输入字段当前显示的文本
4. window.open(pageURL,name,parameters)
打开一个新的浏览器窗口或查找一个已命名的窗口
参数说明:
pageURL: 子窗口路径 Name: 新窗口的名称Parameters: 窗口参数(参数间用逗号分割)
实例:
window.open('http://www.baidu.com','_blink','height:400,width:600');
5. window.close( )
只能用来关闭使用window.open( )打开的页面。
6. windows.innerHeight和innerWidth
获取窗口文档显示区的高度和宽度
综合实例:
window.onload = function openWindow(){ var open=confirm("是否打开新窗口"); if(open==true){ var url=prompt("是否要打开新窗口","http://www.baidu.com"); if(url!=null){ window.open(url,'_blink','width=400px,height=500px,menubar=no,toolbar=no'); }else{ alert("自己玩去"); } }else{ alert("自己玩去"); }}
Location对象
属性:
方法
1. assign( ) 跳转
跟直接设置location.href效果一样。
<script type="text/javascript"> location.assign("http://www.baidu.com"); </script>
2. replace( ) 无记录跳转
用法和assign( ) 一样。
使用replace( )方法打开的页面,不会在历史记录中生成新纪录。
3. reload( ) 重新载入当前页面
它有两个参数,
false:从缓存中重新载入页面;(默认)
true:从服务器重新载入页面;
注意:
在reload()方法执行后,再其后面的代码可能被执行,也可能不被执行,这由网络延迟和系统资源因素决定。
因此,最好把reload()的调用放在代码的最后一行。
history
方法:
back() 回到历史记录上一页forword() 回到历史记录下一页 go() 去到指定页面,正数是下几页,负数是上几页
Screen
属性:
screen.availHeight 屏幕可用高度
screen.availWidth 屏幕可用宽度
Navigator对象
阅读全文
0 0
- JS总结——BOM
- JS——BOM
- 【JS】—BOM
- 【JS总结】——Browser Object Model(BOM)
- JS-BOM总结
- JS 基础 —— BOM
- js—BOM焦点事件
- JS总结--------BOM常用对象
- js入门(2)——BOM
- JS——浏览器对象模型BOM
- JS高级程序设计——BOM
- 【js基础】js基础巩固——BOM(三)
- JS中BOM相关知识点总结
- js基础学习之--BOM基础知识总结
- JavaScript学习总结【6】JS BOM
- JS中BOM部分基础知识总结
- 学习笔记_web——js特效1BOM
- 实用JS系列——BOM常用对象
- CET4词汇之常见后缀
- 《Python核心编程(第二版)》引读
- 594. Longest Harmonious Subsequence
- java学习初探十四之Collections工具类
- Android Studio小白笔记(一)
- JS总结——BOM
- ATS 设置
- Sublime Text编辑器开启或关闭Vim模式
- 分词算法模型学习笔记(三)——CRF
- 约瑟夫环
- C++多态,虚函数小结
- df命令和挂载相关
- 如何更为高效的时间管理探索&&二零一六至二零七的总结
- centos6 安装tomcat