JavaScript循环、JS HTML DOM、JS Window

今天继续学习JavaScript，该笔记主要记录JavaScript的循环、JS HTML DOM、JS Window。

JavaScript的for循环与white循环：

循环可以将代码块执行指定的次数。

JavaScript 支持不同类型的循环：

• for - 循环代码块一定的次数
• for/in - 循环遍历对象的属性
• while - 当指定的条件为 true 时循环指定的代码块
• do/while - 同样当指定的条件为 true 时循环指定的代码块
• 本处主要展示for/in和while这两个循环。
• for/in：
• eg.
• 
• 结果：
• 
• 
• 
• while:
• eg.
• 
• 结果：
• 
• 
• 
• 
• 

HTML DOM(文档对象模型):

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

      HTML DOM 模型被构造为对象的树。

HTML DOM 树：

查找HTML 元素：

首先找到该元素。有三种方法来做这件事：

• 通过 id 找到 HTML 元素
• 通过标签名找到 HTML 元素
• 通过类名找到 HTML 元素
• 注意：通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。
  
• eg.
• 
  
• 
• 结果:
• 
• 
• 
• 

改变 HTML 元素：

比较好的例子：使元素不可见。改变元素内容样式（大小写）(onchange)

eg.

界面及结果：

对事件作出反应：

向 button 元素分配 onclick 事件：

eg.

结果：

mouse事件：

eg.

结果：

鼠标点击事件:

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，

当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

eg.

结果：

添加和删除节点（HTML 元素）:

eg.

结果：

•