js中使用substring方法截取并替换字符串

js中使用substring方法截取并替换字符串

在js中，可以使用substring()方法来截取字符串，使用replace()方法来替换字符串。下面小编举例讲解js中使用substring方法截取并替换字符串。

新建一个html文件，命名为test.html，用于讲解js中使用substring方法截取并替换字符串。

在test.html文件内，在p标签内，使用input标签创建一个字符串输入框。

在test.html文件内，设置input标签的id属性为eee，主要用于下面通过该id获得input对象。

在test.html文件内，使用button标签创建一个按钮，按钮名称为“截取并替换字符串”，同时给button按钮绑定onclick点击事件，当按钮被点击时，执行getzf（）函数。

在js标签中，创建getzf()函数，在函数内，使用getElementById（）方法通过id(eee)获得input对象，利用value属性获得输入框中的字符串。同时，使用substring()截取第4个字符至第8个字符之间的字符串。

在getzf()函数内，再使用replace()方法将截取的字符串替换为“*****”,最后，再使用getElementById（）方法通过value属性更改输入框的值。

在浏览器打开test.html文件，填写字符，点击按钮，查看实现的效果。

1、创建一个test.html文件。2、在文件内，在p标签内，使用input标签创建一个字符串输入框，同时创建一个button按钮，用于触发执行js函数。3、在js标签内，创建函数，在函数内，使用getElementById（）方法通过id(eee)获得input对象，利用value属性获得输入框中的字符串。同时，使用substring()截取第4个字符至第8个字符之间的字符串。再使用replace()方法将截取的字符串替换为“*****”,最后，再使用getElementById（）方法通过value属性更改输入框的值。