Javascript学习总结-BOM编程-(六)
来源:互联网 发布:mac ps 菜单栏不见了 编辑:程序博客网 时间:2024/04/25 08:58
1.1. BOM编程基础
全称 Browser Object Model,浏览器对象模型。
JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。
为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。
1.2. BOM对象:
1.3. window 对象
Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。
Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
1.3.1. window中的方法
document 对 Document 对象的只读引用
location 用于窗口或框架的 Location 对象
history 对 History 对象的只读引用。
document.tilte 设置网页的标题
moveto() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
moveby() 相对于目前的位置移动。
resizeTo() 调整当前浏览器的窗口。
open() 打开新窗口显示指定的URL(有的浏览器中是打一个新的选项卡)
setTimeout(vCode, iMilliSeconds) 超时后执行代码。
setInterval(vCode, iMilliSeconds) 定时执行代码,第一次也是先待,到时再执行。
2. 事件
a) 事件说明
基本上所有的HTML元素中都可以指定事件属性。
每个元素支持什么样事件应查询文档。
所有的事件属性都是以on开头,后面的是事件的触发方式,如:
onclick,表示单击
onkeydown,表示键按下
...
b) 常用的事件类型:
鼠标点击相关:
onclick 在用户用鼠标左键单击对象时触发。
ondblclick 当用户双击对象时触发。
onmousedown 当用户用任何鼠标按钮单击对象时触发。
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。
鼠标移动相关:
onmouseout 当用户将鼠标指针移出对象边界时触发。
onmousemove 当用户将鼠标划过对象时触发。
焦点相关的:
onblur 在对象失去输入焦点时触发。
onfocus 当对象获得焦点时触发。
其他:
onchange 当对象或选中区的内容改变时触发。
onload 在浏览器完成对象的装载后立即触发。
onsubmit 当表单将要被提交时触发。
location 对象
Location 对象是由 JavaScript runtime engine 自动创建的,包含有关当前 URL 的信息。
location中的重要方法:
href属性 设置或获取整个 URL 为字符串。
reload() 重新装入当前页面
1.3.2. screen 对象
Screen 对象是由 JavaScript runtime engine 自动创建的,包含有关客户机显示屏幕的信息。
属性:
availHeight 获取系统屏幕的工作区域高度,排除 Microsoft Windows 任务栏。
availWidth 获取系统屏幕的工作区域宽度,排除 Windows 任务栏。
height 获取屏幕的垂直分辨率。
width 获取屏幕的水平分辨率。
示例:
document.write("屏幕工作区: " + screen.availHeight + ", " + screen.availWidth + "<br>");
document.write("屏幕分辨率: " + screen.height + ", " + screen.width + "<br>");
1.3.3. document对象
该对象代表整个文档页面
对象的集合:
all 获取页面所有元素对象
forms 获取页面所有表单对象
images 获取页面所有图片对象
links 获取所有超链接或area对象
- Javascript学习总结-BOM编程-(六)
- JavaScript笔记六:BOM
- JavaScript之六:BOM
- JavaScript学习总结【6】JS BOM
- javascript bom 编程
- JavaScript 函数、BOM编程
- 【JavaScript】BOM总结
- 【JavaScript】BOM基础总结
- JavaScript学习2-BOM
- Javascript学习08-BOM
- javascript学习大总结(四)BOM和DOM详解
- JavaScript学习总结(三)BOM和DOM详解
- JavaScript学习总结(三)BOM和DOM详解
- JavaScript学习总结(三)BOM和DOM详解
- JavaScript--4.对象编程BOM
- JavaScript高级程序设计笔记 BOM (六)
- javascript中的BOM知识点总结
- javascript学习(5) Bom学习
- 继承与初始化
- Javascript学习总结-基本语法-(二)
- Javascript学习总结-基本语法-(三)
- Javascript学习总结-函数-(四)
- Javascript学习总结-面向对象-(五)
- Javascript学习总结-BOM编程-(六)
- iOS开发直播app(播放篇)
- Javascript学习总结-DOM编程-(七)
- 代码片段
- AJAX(一)-实现服务端客户端异步通信
- AJAX(二)-实现验证码异步验证功能
- JSON学习笔记
- hive安装-构建在hadoop上的数据仓库
- ssh项目实战经验总结-在bean配置中加载外部的properties配置项