JavaScript中window和document如何高效运用以达到最佳性能?

2026-04-01 16:500阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计625个文字,预计阅读时间需要3分钟。

JavaScript中window和document如何高效运用以达到最佳性能?

一、验证手机号封装一个函数用于验证手机号:

javascriptfunction validatePhoneNumber(phoneNumber) { var phoneReg=/^1[3-9]\d{9}$/; return phoneReg.test(phoneNumber);}

一、验证表单

封装一个函数用于验证手机号

/** * @param {String}eleId * @param {Object}reg */ function checkInput(eleId,reg) { var ele = document.getElementById(eleId); ele.onblur = function (ev) { if(!reg.test(this.value)){ //不匹配 this.style.borderColor = "#ff0000" //红色 }else{ //匹配 this.style.borderColor = "#cccccc" //白色 } } } //验证手机号 checkInput("phone",/^13[0-9]\d{8]$/)

二、WebsAPI

  • JavaScript包含ECMAScript和WebAPIs
  • WebAPIs包含BOM和DOMB
  • OM:浏览对象模型
  • DOM:文档对象模型:(1)一套操作页面元素的API(2)DOM可以把HTML看作文档树,通过DOM提供的API可以对树上的节点进行操作。
阅读全文

本文共计625个文字,预计阅读时间需要3分钟。

JavaScript中window和document如何高效运用以达到最佳性能?

一、验证手机号封装一个函数用于验证手机号:

javascriptfunction validatePhoneNumber(phoneNumber) { var phoneReg=/^1[3-9]\d{9}$/; return phoneReg.test(phoneNumber);}

一、验证表单

封装一个函数用于验证手机号

/** * @param {String}eleId * @param {Object}reg */ function checkInput(eleId,reg) { var ele = document.getElementById(eleId); ele.onblur = function (ev) { if(!reg.test(this.value)){ //不匹配 this.style.borderColor = "#ff0000" //红色 }else{ //匹配 this.style.borderColor = "#cccccc" //白色 } } } //验证手机号 checkInput("phone",/^13[0-9]\d{8]$/)

二、WebsAPI

  • JavaScript包含ECMAScript和WebAPIs
  • WebAPIs包含BOM和DOMB
  • OM:浏览对象模型
  • DOM:文档对象模型:(1)一套操作页面元素的API(2)DOM可以把HTML看作文档树,通过DOM提供的API可以对树上的节点进行操作。
阅读全文