B/S总结--前台攻略--JS

末蓝、 2022-08-20 04:28 77阅读 0赞

javascript应用于html，为它增加动态功能，给用户带来良好的体验效果，同时作为JQuery的基础，在前台开发占有举足轻重的地位。

【DOM】

在我的另一篇博客[《javascript入门基础》][javascript]中已经简单介绍了js的基本组成元素，现在具体分析js当中DOM部分来理解其基本元素及方法：

![SouthEast][]

DOM（Document Object Model）是针对HTML和XML文档的API应用程序接口，是js最重要的组成部分，介绍了js的结构和如何获取HTML元素的方法，属性，并针对这些方法和属性进行操作，从而达到对HTML页的编辑。

对比其他基本语言，js的学习方式是一样的，可从节点，属性，方法的角度去。唯一不一样的是节点，在其他语言中可以理解为控件。js将这些控件进一步划分为元素，文本，属性；节点作为html页面的基本组成元素，体现了“增删改查”的基本操作；元素作为HTML更小的颗粒，必须能够精准定位来进行查找，修改它的属性来达到美化界面的效果。

【正则表达式】

正则表达式描述字符模式对象，用于验证客户端的输入数据，减少与服务端交互，提供更好的用户体验度。其组成成分包含：

![20160205101025018][]

**属性**：静态属性包含表达式内容，获得匹配字符内容；实例属性用于测试添加的获取效果是否存在，比如pattern.global就是获取是否存在全局效果。

**检测方法**：正则表达式的测试方法用于检测正则的效果，test返回值为true或false，exec方法返回匹配数组；string对象方法跟增删该查十分类似，match做匹配，palce替换，search查询返回位置，split拆分数组。

获取控制：正则最主要匹配功能，按照正不同分配模式进行划分如上图，划分规则可以联想字符串的组成成分，无字符（空白字符）-->单个字符-->特殊字符-->字符位置（锚）-->重复字符-->字符类。

[javascript]: http://blog.csdn.net/whp15369657805/article/details/49513415
[SouthEast]: /images/20220731/2e1a5b51cd364298bc6337564f871fce.png
[20160205101025018]: /images/20220731/650d328190914f5fa16877d1c905de43.png