第12章 javaScript面向对象（上） - 补充案例.docVIP

第8章 JavaScript编程基础 PAGE 2 PAGE 1 第12章补充案例 【案例12-1】 封装trim()方法 一、案例描述 考核知识点 构造函数、正则表达式、原型对象prototype 练习目标 掌握如何使用构造函数封装trim方法 掌握如何使用正则表达式匹配相应内容 掌握如何使用replace()方法实现内容替换 能够会使用动画函数书写返回顶部案例 需求分析 trim()方法的功能主要是删除字符串左侧、右侧和左右两侧的空格字符，主要实现思路是通过replace()方法结合正则表达式将匹配的内容替换为空。 案例分析 效果如图12-1所示。 trim()方法操作字符串中的空格 具体实现步骤如下： 定义构造函数$$ 删除左边的空格 删除右边的空格 删除左右两端的空格 对象使用之前需要先实例化 通过实例对象调用trim方法 二、案例实现 根据上面的分析，编写HTML页面结构，具体代码如下： !DOCTYPE html html lang=en head meta charset=UTF-8 title封装trim()方法/title /head body ??div?class=calc ????ul ??????li ????????label用户名：/label ????????input?id=loginname?type=text?value=?plac