JS总结

js内联：
<input οnclick="JavaScript:alert('hello world')">
js外联：
<script src=""></script>
js嵌入
<script></script>

变量类型：
–Undefined-未定义类型
     未被赋值的变量，值为undefined
–String-字符串类型
     值用引号括起来
–Boolean-布尔类型
     值为true/false
–Null-空类型
     值为null，尚不存在的对象
–Number-数字类型——NaN.html
     任何数字（NaN也是number类型，表示“非数”）
可以使用 typeof(object)来获取object的类型（除了null）；

特殊字符(转义)
\"  打印出"
\\  打印出\

类型转换：
  字符串-》数字
  parseInt(var)
  parseFloat(var)  
  Number(var) 可以将对象(object)转为数字
  如：Number(x.value)
注意：
  parseInt方法和parseflota方法只对string类型有效且
  需要是数字开头的字符串
  如： parseInt (“100”);

常用的内部对象：
–Array
–Date
–Math
–String

var       声明变量
function  声明函数

程序调试方法：
1.alert()       弹出框
2.console.write()  控制台

得到页面元素:
document.getElementById()  根据id获取页面元素
document.getElementsByName()根据name获取页面元素
document.getElementsByClassName()  根据类名获取页面元素
document.getElementsByTagName()   根据标签名获取元素
document.querySelector('#text')   根据选择器获取元素
document.querySelectorAll()

事件:
事件三要素
   事件源:触发(被)事件的元素
   事件名称: click 点击事件
   事件处理程序:事件触发后要执行的代码(函数形式)

事件处理程序    说明
onBlur          当前元素失去焦点时触发
onFocus         当某个元素获得焦点时触发
onLoad          页面内容完成装载时触发
onMove          浏览器窗口被移动时触发
onUnload        当前页面被退出或重置时触发
onClick         鼠标点击时触发
onDblClick      鼠标双击时触发
onMouseDown     按下鼠标时触发
onMouseMove     鼠标移动时触发
onMouseOut      鼠标离开某对象范围时触发
onMouseOut      鼠标离开某对象范围时触发
onMouseOver     当鼠标移动到某对象范围的上方时触发
onMouseUp       鼠标按下后松开鼠标时触发
onKeyPress      档键盘上的某个键被按下并且释放时触发
onKeyDown       当键盘上某个键被按下时触发
onKeyUp         当键盘上某个键被按放开时触发

表单元素        事件处理程序
button          onClick onBlur onFocus
checkbox        onClick onBlur onFocus
FileUpload      onClick onBlur onFocus
hidden          none
password        onBlur onFocus onSelect
radio           onClick onBlur onFocus
reset           onReset
select          onFocus onBlur onChange
submit          onSubmit
textonClick     onBlur onFocus onChange
textarea        onClick onBlur onFocus onChange

文本域事件
文本域   事件 onBlur文本框 失去 焦点
              onChange文本框 的值被修改
              onFocus光标进入文本框 中
         方法 focus( )获得 焦点，即获得 鼠 标光标
              select( )选中文本内容 ，突出显 示输入区域
         属性 readonly只读，文本框 中的内容 不能修改
checkbox-事件
复选框   事件 onBlur复 选框 失去 焦点
              onFocus复 选框 获得 焦点
              onClick复 选框 被选定或取消选定
         属性 checked复 选框 是否被选中，选中为
                       true，未选中为false。您可以
使用此属性查看复 选框 的状 态
或设置复 选框 是否被选中
value设置或获取复 选框 的值

创建元素的三种方式:
  document.write()
     document.write('新设置的内容<p>标签也可以生成</p>');
  innerHTML
     var box = document.getElementById('box');
     box.innerHTML = '新内容<p>新标签</p>';
  document.createElement()
     var div = document.createElement('div');
     document.body.appendChild(div);