养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用JS去掉除了数字和小数点以外的所有字符

时间:2024-10-21 13:32:15

在js中,可以使用将获得的字符串,利用replace()方法通过正则表达式匹配出来敛财醣沁并替换为空,实现去掉指定的字符。下面小编举例讲解如何利用JS去掉除了数字和小数点以外的所有字符。

如何利用JS去掉除了数字和小数点以外的所有字符

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解如何利用JS去掉除了数字和小数点以外的所有字符。

如何利用JS去掉除了数字和小数点以外的所有字符

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

如何利用JS去掉除了数字和小数点以外的所有字符

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

如何利用JS去掉除了数字和小数点以外的所有字符

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“去掉除了数字和小数点以外的所有字符”。

如何利用JS去掉除了数字和小数点以外的所有字符

5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行delstr()函数。

如何利用JS去掉除了数字和小数点以外的所有字符

6、在js标签中,创建delstr()函数,在函数内,使用getElementById猾诮沓靥()方法通过id(mystr)获得标签对象,通过value属性获得输入框的字符串,然后使用rep造婷用痃lace()方法通过正则表达式“/[^\d\.]/g”匹配字符串中的非数字和小数点字符,将匹配出来的字符替换为空。最后,使用alert()方法输出结果。

如何利用JS去掉除了数字和小数点以外的所有字符

7、在浏览器打开test.html文件,输入字符串,点击按钮,查看实现的效果。

如何利用JS去掉除了数字和小数点以外的所有字符

© 一点知识