javascript基本语法2

1.window对象

javascript组成部分：
EMCAScript（基本语法）
BOM( Browser Object MOdel) 浏览器对象模型.
浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述，如果我们要
操作浏览器的一些属性，我就可以通过浏览器对象模型 的对象进行操作。

window  代表了一个新开的窗口
location 代表了地址栏对象。
screen  代表了整个屏幕的对象

window对象常用的方法：

open()   打开一个新的窗口。
resizeTo() 将窗口的大小更改为指定的宽度和高度值。
moveBy()  相对于原来的窗口移动指定的x、y值。
moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。

setInterval() 每经过指定毫秒值后就会执行指定的代码。
clearInterval() 根据一个任务的ID取消的定时任务。
setTimeout() 经过指定毫秒值后执行指定 的代码一次。

注意： 使用window对象的任何属性与方法都可以省略window对象不写的。

2.事件的注册

方式一:直接在html元素上注册（这是一个单击事件）

<input onclick="ready()" type="button" value="按"/>
<script type="text/javascript">
function ready(){
document.write("哈哈");
}
</script>

方式二:可以在js代码找到对应的对象在注册。一般使用这种

<input id="inputID" type="button" value="按"/>
<script type="text/javascript">
var inputEle = document.getElementById("inputID");
inputEle.onclick = function(){
document.write("哈哈");
}
</script>

3.常用的事件

鼠标点击相关：
onclick 在用户用鼠标左键单击对象时触发。
ondblclick 当用户双击对象时触发。
onmousedown 当用户用任何鼠标按钮单击对象时触发。
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。

鼠标移动相关：
onmouseout  当用户将鼠标指针移出对象边界时触发。
onmousemove 当用户将鼠标划过对象时触发。

焦点相关的：
onblur 在对象失去输入焦点时触发。
onfocus 当对象获得焦点时触发。

其他：
onchange 当对象或选中区的内容改变时触发。
onload 在浏览器完成对象的装载后立即触发。
onsubmit 当表单将要被提交时触发

4.location对象（地址栏对象）

href : 设置以及获取地址栏的对象
reload() 刷新当前的页面

5.screen（屏幕对象） 

availHeight	获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
availWidth	获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
height		获取屏幕的垂直分辨率。
width		获取屏幕的水平分辨率。

document.write("获取系统屏幕的工作区域高度："+screen.availHeight+"<br/>");
document.write("获取系统屏幕的工作区域宽度："+screen.availWidth+"<br/>");
document.write("获取屏幕的垂直分辨率："+screen.height+"<br/>");
document.write("获取屏幕的水平分辨率："+screen.width+"<br/&
4000
gt;");

 

6.DOM(Document Object Model) 文档对象模型

一个html页面被浏览器加载的时候，浏览器就会对整个html页面上的所有标签都会创建一个对应的
对象进行描述，我在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到
对应的对象操作对象的属性，则可以改变浏览器当前显示的内容。

var allNodes = document.all;   //获取html文件中的所有标签节点 。
for(var i = 0; i<allNodes.length ; i++){
document.write(allNodes[i].nodeName	+ "<br/>"); //标签的名字  nodeName;
}

7.根据html标签的属性找节点

通过html元素的标签属性找节点。
document.getElementById("html元素的id")
document.getElementsByTagName("标签名")
document.getElementsByName("html元素的name")
innerHTML是用于设置标签体的内容的。 value是用于设置标签的value属性值.