黑马程序员技术交流社区

标题: 【石家庄校区】js中的表单校验 [打印本页]

---

作者: 巴拉巴拉x    时间: 2018-5-3 14:32
标题: 【石家庄校区】js中的表单校验

js中的表单的校验

简单校验

• 表单校验优化(非弹框提示)
• js的输出
  
  
  
  • document.write("文本"),只能写入文本
  • document.getElementById().innerHTML="HTML代码"
    
    
• js的事件
  
  
  
  • onfocus:获得焦点
  • onblur :失去焦点
  • onsubmit:提交内容
    
    
• document.getElementById("一个ID").innerHTML="内容":内容里边可以有标签.
• 问题:统一个事件触发不同的函数,后边并列的函数怎么写?格式
• script的外部引用.
• 常用事件
  
  
  
  • onload
  • onclick
  • ondblclick
  • onfocus
  • onblur
  • onchange:(常用于下拉列表)
  • onkeydown
  • onkeyup
  • onkeypress
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onsubmit
  • onunload(有些浏览器不支持)
  • onresize:窗口被调整大小
    
    
• 批量处理数据的时候就要找要处理的数据的相同属性(最好其他的数据没有这个属性),以此属性来获取这批数据元素,然后按要求处理.
• getElementById():只能获取一个,获取的是这个ID的第一个对象
• getElementsByName();获取的是属性name的值相同的所有对象,是一个集合(或者叫数组)
• getElementsByTagName();获取的是所有标签名为指定名字的所有对象,也是一个集合(或者数组),
  
  
  

JS中的DOM对象

• DOM:Document Object Model:文档对象模型
  
  
  
  • 模型:就是HEML文件加载到内存中的时候会建立一个树状结构,整个结构就是Doument对象,树状结构是由每一个节点来构成的,不同的节点有不同的形式,也叫不同的对象.
    
    
    
    • 标签:元素对象,element,
    • 属性:attribute
    • 文本:text
      
      
  • 顺序
    
    
    
    • Document-->element--->attribute--->text.
      
      
    
    
• Document对象的常用操作
  
  
  
  • 获取元素
    
    
    
    • document.getElementById("ID名称"):通过id获取元素
    • document.getElementsByName():通过name属性获得元素
    • document.getElementsByTagName():通过标签名获取元素
      
      
  • 创建元素:
    
    
    
    • document.creatElement();创建元素对象
    • document.creatTextNode():创建文本
      
      
  • 添加节点:
    
    
    
    • element.appendChile()
    • element.insertBefore()
      
      
  • 删除节点
    
    
    
    • element.removeChild();
      
      
    
    
  
  

省市联动

• 事件:onchange
• 函数:操作二维数组(三级联动就是三维数组)
  
  

Date对象方法

*   getTime():

• Math对象方法
  
  
  
  • abs(x):返回数的绝对值
  • acos(x):返回数的反余弦值
  • asin(x):返回数的正余弦值
  • ceil(x):对数进行向上取整
  • floor(x):对数进行向下取整
  • pow(x,y):返回x的y次幂
  • sin(x):返回数的正弦值
  • cos(x):返回数的余弦值
  • valueOf():返回Math对象的原始值(?不太清楚)
    
    
• String对象
  
  
  
  • charAt():
  • indextOf():
  • lastIndextOf():
  • split():按指定的正则字符串进行分割,返回字符串数组
  • replace():
  • substring():提取字符串中两个指定索引号之间的字符
  • substr():从起始索引号提取字符串中指定数目的字符
    
    
  
  

全局函数

• decodeURI():解码某个编码的URI
• decodeURIComponent():解码一个编码的URI组件
• encodeURI():把字符串编码为URI
• decodeURIComponent():把字符串编码为URI组件
• escape()对字符串进行编码
• eval():计算JavaScript字符串,并把它作为脚本代码来执行
• isNaN():检查某个值是否是数字
• Number():把对象的值转换为数字
• parseFloat():解析一个字符串并返回一个浮点数
• parseInt():解析一个字符串并返回一个整数
• String():把对象的值转换为字符串
• unescape():对有escape()编码的字符串进行解码
  
  

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2