window对象常用的方法、注册事件的方式、常用的事件、地址栏对象、Screen(屏幕)对象

2019-11-08 00:47:09

字体：大中小

来源：转载

供稿：网友

/*javascript组成部分：EMCAScript（基本语法）BOM( Browser Object MOdel) 浏览器对象模型.浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。 window 代表了一个新开的窗口location 代表了地址栏对象。screen 代表了整个屏幕的对象window对象常用的方法： open() 打开一个新的窗口。resizeTo() 将窗口的大小更改为指定的宽度和高度值。moveBy() 相对于原来的窗口移动指定的x、y值。 moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 setInterval() 每经过指定毫秒值后就会执行指定的代码。clearInterval() 根据一个任务的ID取消的定时任务。setTimeout() 经过指定毫秒值后执行指定的代码一次。注意：使用window对象的任何属性与方法都可以省略window对象不写的。

/* 事件：注册事件的方式：方式一：直接在html元素上注册 <body onload="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 当表单将要被提交时触发。

/*地址栏对象(Location)href : 设置以及获取地址栏的对象reload() 刷新当前的页面*//*Screen(屏幕)对象availHeight 获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。 availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。 height 获取屏幕的垂直分辨率。 width 获取屏幕的水平分辨率。 */