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绘图

时间: 2024-08-05 11:53:35

js高程笔记14-15章的相关文章

【大话存储II】学习笔记(15章),文件级集群系统

[大话存储II]学习笔记(15章),块级集群存储系统里面分析的主要是块集群系统,同样文件级存储也可以集群化. 因为NAS系统的前端网络是以太网,速度比较低,导致NAS主要用于一些非关键业务中,比如文件共享.但是一些特殊应用也需要多主机同时访问某个大文件,比如3D渲染集群等.如果我们使用块集群存储系统,则会存在一个问题,需要在应用程序上引入文件锁,而NAS的文件系统一般都自带有文件锁机制,所以还不如把NAS存储系统进行集群化. 在谈怎么样把NAS系统进行集群化之前,我们说说集群文件系统的架构.集群

js高程笔记16-20章

第16章 HTML5脚本编程 1.跨文档消息传送XDM:向包含在当前页面的<iframe>元素或由当前页面弹出的窗口传递数据. 原窗口发送:postMessage(内容,目标域名) 目标窗口接收后触发window对象的message事件,event对象的属性有data,origin,source 2.原生拖放: 拖放事件:拖放元素上dragstart,drag,dragend,放置元素上dragenter,dragover,dragleave或者drop dataTransfer对象:even

第12 13 14 15章总结与感悟

第12章 用户体验 12.1用户体验的要素 1.1用户的第一印象 1.2从用户的角度考虑问题,这需要“同理心”(理解别人的处境,心理,动机和能力) 用户需要帮助,但是用户没那么笨 光吃狗食也不够 1.3软件服务始终记住用户的选择 1.4短期刺激和长期影响 1.5不让用户犯简单的错误 1.6用户体验和质量 1.7情感设计 12.2用户体验设计的步骤和目标 12.3评价标准 1.尽快提供可感触的反馈 2.系统界面符合用户的现实管理 3.用户有控制权 4.一致性和标准化 5.适合各种类型的用户 6.帮

js高程笔记4-5章

第四章 变量/作用域和内存问题 1.从一个变量给另一个变量赋值时,如果是赋基本类型值,是创建一个值副本,两个变量操作互不影响.如果是赋引用类型值,是创建一个引用(指针)的副本.两个变量指向同一个对象,操作互相会影响. 2.函数传参时,如果传基本类型值,函数局部作用域修改值不会再全局作用域体现出来.传引用类型值,局部作用域修改对象会在全局作用域体现出来.P71 3.检测基本数据类型用typeof,检测引用类型值时,想知道是什么类型的对象,用instanceof. 4.js没有块级({})作用域,一

js高程笔记8-10章

第8章 BOM 1.window对象:既是BOM的核心对象,也是ES的Global对象. 2.如果页面包含框架(frame),每个框架都有自己的window对象,保存在frames集合中. 3.top对象始终指向最外层框架,即浏览器窗口,使用它可以在一个框架中访问另一个框架. parent对象始终指向当前框架的上层框架. self对象始终指向window. 4.window对象关于窗口位置的属性: (1)screenLeft和screenTop(火狐不支持)/screenX和screenY(IE

js高程笔记1-3章

第1章 js简介 1.js由三部分组成,ECMAScript, DOM, BOM. 第2章 在HTML中使用js 1.把<script>标签放在<body>里面的最后,可以在加载js文件前显示页面内容,对用户友好. 2.<script>标签的defer属性表示脚本延迟到页面解析完再执行,async表示表下载脚本边加载HTML,相当于异步. 第3章 基本概念 1.js一切都区分大小写.标识符第一位不能是数字. 2.js五种基本类型:undefined,null,boole

js高程笔记10-12章

第10章 DOM 1.文档节点是每个文档的根节点.<html>为文档元素,为文档最外层元素.HTML元素——元素节点,特性——特性节点,文档类型——文档类型节点,注释——注释节点 2.Node类型:所有节点类型都继承自Node类型,共享基本的属性和方法. 基本属性:nodeType,nodeName,nodeValue 节点关系:childNodes,parentNode,previousSibling,nextSibling,firstChild,lastChild,hasChildNode

js高程笔记13章

第13章 事件 1.事件流:描述从页面中接收事件的顺序. 三个阶段:捕获,处于目标,冒泡. 2.事件处理程序:局部变量event表示事件对象,this值为事件目标元素. (1)HTML事件处理程序:可以访问特性.弊端:可能调用事件处理程序时,函数还未定义.同时代码紧密耦合,修改不便. (2)DOM0级事件处理程序:this引用当前元素.弊端:一个元素只能添加一个事件处理程序. (3)DOM2级事件处理程序:addEventListener()和removeEventListener().无法移除

js高程笔记6章

第6章 1.ES有两种属性:数据属性和访问器属性.属性中包含各种特性,表示属性的各种特征. 数据属性:[[Configurable]],[[Enumerable]],[[Writable]],[[Value]] 修改属性使用方法:Object.defineProperty() 访问器属性:[[Configurable]],[[Enumerable]],[[Get]],[[Set]] 访问器属性不包含数值.只能通过Object.defineProperty()定义.通过设置set和get函数,分别