javascript的一些常识2

 
补充一个正则表达式测试方法：

 var reg = /^\d{11}$/;

 reg.test(123);

1、了解事件对象。

 IE支持全局事件对象。FF不支持

 为了兼容，可以将event作为参数传递

 

2、事件对象的属性：

  浏览器窗口坐标：clientX，clientY

  获得发生事件的组件

   注意IE与firefox 获得发生事件的组件的方式不一样

   IE:srcElement

   FireFox:target

3、了解事件冒泡机制：

  浏览器中, 事件触发后会由子元素向父元素逐级传播, 这种传播方式称为”事件冒泡”

  采用 event.cancelBubble = true; 阻止事件的传播。

4、掌握样式对象

  style和currentStyle（IE）的区别

  组件对象的style属性只可以获取内联样式；获得所有的样式可以采用currentStyle属性

  getComputedStyle（FF）

  在FireFox中不支持currentStyle，使用window.getComputedStyle代替  

5、理解HTML DOM模型，掌握几个常见对象的方法和属性。

 Window对象 window

 open方法

  打开一个新的窗口，例如：

  window.open

  ('1.html', 'new', 'height=100, width=200, top=0, left=0,

  toolbar=no, menubar=no,

  scrollbars=no, resizable=no, location=no, status=no')；

  '1.html' 弹出窗口的文件名；

  'new' 弹出窗口的名字；如果该参数指定了一个已经存在的窗口，则 open() 方法不再创建一个新窗口，而只是返回对指定窗口的句柄。

  height=100 窗口高度；

  width=200 窗口宽度；

  top=0 窗口距离屏幕上方的象素值；

  left=0 窗口距离屏幕左侧的象素值；

  toolbar=no 是否显示工具栏，yes为显示；

  menubar 是否显示菜单栏。

  scrollbars 是否显示滚动栏。

  resizable=no 是否允许改变窗口大小，yes为是 。

  location=no 是否显示地址栏，yes为是。

  status=no 是否显示状态栏内的信息。

 close方法

  关闭窗口

  返回值为窗口对象句柄

 status 属性

  设置或返回窗口状态栏中的文本。

 document属性

  获得Document对象

 location属性

  获得Location对象

 alert方法

  弹出一个警告对话框

 confirm方法

  弹出一个选择对话框，返回用户是否确认。

 prompt方法

  弹出一个供用户输入信息的对话框，返回用户输入信息。

 setTimeout方法

  setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

 clearTimeout方法

  clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

 setInterval方法

  按照指定的周期（以毫秒计）来调用函数或计算表达式。

 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval()

 返回的 ID 值可用作 clearInterval() 方法的参数。

 clearInterval方法

  clearInterval() 方法可取消由 setInterval() 设置的 timeout。

  clearInterval() 方法的参数必须是由 setInterval() 返回的 ID

Document对象

 write方法

  write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

 getElementById

  根据id获得元素对象 

 属性

 forms

  forms[] 返回对文档中所有 Form 对象的引用

Form对象

 onsubmit

 onreset

 属性

  elements

   elements[] 包含表单中所有元素的数组

Select对象

 length

l  length 属性可返回下拉列表中选项的数目。

 selectedIndex

  selectedIndex 属性可设置或返回下拉列表中被选选项的索引号

 options

  返回包含 <select> 元素中所有 <option> 的一个数组。

  如果把 options.length 属性设置为 0,Select 对象中所有选项都会被清除；

  如果 options.length 属性的值比当前值小，出现在数组尾部的元素就会被丢弃。；

  如果把 options[] 数组中的一个元素设置为 null，那么选项就会从 Select 对象中删除.

 onchange

  当改变选择时调用。

  Select 对象的 onchange 属性引用了一个事件句柄函数。当用户选中一个选项，

  或者取消了对一个选项的选定时，就会调用该句柄。这个事件不会指定新的选项是什么，

  必须通过 Select 对象的 selectedIndex 属性，或者各个 Option 对象的 selected 属性来确定.

  

  组件对象的style属性只可以获取内联样式；获得所有的样式可以采用currentStyle属性

  getComputedStyle（FF）

  在FireFox中不支持currentStyle，使用window.getComputedStyle代替