js高程笔记14-15章

第14章 表单脚本

1.提交表单：

　　<input>和<button>标签type设置成submit

　　<input>标签type设置成image

　　以上方式提交表单会触发submit事件

　　使用js：form.submit()也可以提交，但不触发事件

　　可以利用事件验证表单内容和避免重复提交（不能用click触发）

2.重置表单：form.reset()

3.表单elements属性：是所有表单字段的集合

　　表单字段属性：disabled，form，type，name，value

　　表单字段方法：focus()和blur()

　　表单字段事件：blur，change，focus

4.文本框脚本：<input>和<textarea>，用户内容保存在value属性中

　　select()方法：选中文本框所有文本（增加易用性）

　　取得部分文本：setSelectionRange()

　　屏蔽字符：利用keypress事件检测字符编码

　　操作剪切板：beforecopy，copy，beforecut，cut，beforepaste，paste

　　自动切换焦点：判断输入是否等于maxlength

5.HTML5表单约束：

　　必填：required

　　其他<input>类型：email，url，date。。。

　　数值范围：min和max特性

　　输入模式：pattern特性

　　检测有效性：checkValidity()和validity属性

　　禁用验证：novalidity属性

6.选择框脚本：

　　选择框的value属性，如果选中项已指定value特性，则取特性，否则取选中项文本

　　选择框change事件只要选中了选项就会触发。但其他表单字段在值被修改且焦点离开时触发

　　访问选中项：selectbox.selectedIndex属性

　　添加选项：selectedbox.add()

　　移除选项：selectedbox.remove()

　　移动和重排：appendChild()，insertBefore()

　　表单序列化：P436

　　富文本编辑：document.designMode属性，contenteditable特性

 

第15章 Canvas绘图

1.取得上下文：getContext("2d")

2.导出画布：toDataURL()

3.填充和描边：fillStyle和strokeStyle

4.绘制矩形：fillRect()，strokeRect()，clearRect()

5.绘制路径：beginPath()

　　　　　　设计路径arc()，lineTo()，moveTo()

　　　　　　描绘路径closePath()，fill()，stroke()，clip()

　　　　　　确定某一点是否在路径上isPointInPath()

6.绘制文本：fillText()，strokeText()，textAlign，textBaseLine，measureText().width

7.变换：translate()，rotate()，save()和restore()

8.绘制图像：drawImage()

9.渐变：createLinearGradient()，addColorStop()，createRadialGradient()

10.模式：createPattern()

11.合成：globalAlpha，globalCompositionOperation