javascript组成部分:
EMCAScript(基本语法)DOM
BOM( Browser Object MOdel) 浏览器对象模型.1、BOM
浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述,如果我们要操作浏览器的一些属性,就可以通过浏览器对象模型的对象进行操作。window 代表了一个新开的窗口 location 代表了地址栏对象。 screen 代表了整个屏幕的对象
2、window对象常用的方法:
open() 打开一个新的窗口。其有四个属性,第一个为URL地址;第二个是窗口打开的方式;第三个是窗口打开的大小、地址栏是否存在、工具栏是否存在、距离窗口的位置等等;第四个参数时如果 URL找不到就用这个取代
resizeTo() 将窗口的大小更改为指定的宽度和高度值。 moveBy() 相对于原来的窗口移动指定的x、y值。 moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 setInterval() 每经过指定毫秒值后就会执行指定的代码。 clearInterval() 根据一个任务的ID取消的定时任务。 setTimeout() 经过指定毫秒值后执行指定 的代码一次。注意: 使用window对象的任何属性与方法都可以省略window对象不写的。无标题文档
3、window中常用事件
事件:
注册事件的方式: 方式一: 直接在html元素上注册 <body οnlοad="ready()"> function ready(){ alert("body的元素被加载完毕了.."); } 方式二:可以js代码向找到对应的对象再注册。 推荐使用。 var bodyNode = document.getElementById("body"); bodyNode.onload = function(){ alert("body的元素被加载完毕"); }常用的事件:
鼠标点击相关:
onclick 在用户用鼠标左键单击对象时触发。 ondblclick 当用户双击对象时触发。 onmousedown 当用户用任何鼠标按钮单击对象时触发。 onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。
鼠标移动相关:
onmouseout 当用户将鼠标指针移出对象边界时触发。 onmousemove 当用户将鼠标划过对象时触发。焦点相关的:
onblur 在对象失去输入焦点时触发。 onfocus 当对象获得焦点时触发。其他:
onchange 当对象或选中区的内容改变时触发。 onload 在浏览器完成对象的装载后立即触发。 onsubmit 当表单将要被提交时触发。(一般应用于下拉框)无标题文档 查看当前系统时间: 用户名