1、新建一个html文件,命名为test.html,用于讲解js中使用substring方法截取并替换字符串。
2、在test.html文件内,在p标签内,使用input标签创建一个字符串输入框。
3、在test.html文件内,设置input标签的id属性为eee,主要用于下面通过该id获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“截取并替湍恬擒舍换字符串”,同时给button按钮绑定onclick点击事件,当按钮被点击时,执行getzf()函数。
5、在js标签中,创建getzf()函数,在函数内,使用getElementById(犬匮渝扮)方法通过id(eee)获得input对象,利用value属性获得输入框中的字符串。同时,使用substring()截取第4个字符至第8个字符之间的字符串。
6、在getzf()函数内,再使用replace()方法将截取的字符串替换为“*****”,最后,再使用getElementById()方法通过value属性更改输入框的值。
7、在浏览器打开test.html文件,填写字符,点击按钮,查看实现的效果。