JavaScript中window和document如何高效运用以达到最佳性能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计625个文字,预计阅读时间需要3分钟。
一、验证手机号封装一个函数用于验证手机号:
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分钟。
一、验证手机号封装一个函数用于验证手机号:
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可以对树上的节点进行操作。

