JS截取以逗号隔开的字符串

html+js
代码编纂器:Z Studio 12.5.1方式/
1新建一个html文件 , 定名为test.html , 用于讲解JS截取以逗号离隔的字符串 。

JS截取以逗号隔开的字符串

文章插图

2在test.html文件内 , 利用input标签建立一个字符串输入框 , 并设置其id属性为str 。

JS截取以逗号隔开的字符串

文章插图

3在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“点击” 。

JS截取以逗号隔开的字符串

文章插图

4在test.html文件内 , 给button标签绑定onclick点击事务 , 当按钮被点击时 , 执行handle()函数 。

JS截取以逗号隔开的字符串

文章插图

5在test.html文件内 , 在js标签里 , 建立一个handle()函数 , 在函数内利用getElementById方式经由过程value属性获得输入框的字符串 。

JS截取以逗号隔开的字符串

文章插图

6在handle()函数内 , 利用split()方式将获得的字符串按逗号朋分为数组形式 , 保留在arr变量中 。 最后 , 经由过程alert()方式输出截取的字符串 。

JS截取以逗号隔开的字符串

文章插图

7【JS截取以逗号隔开的字符串】在浏览器中打开test.html文件 , 输入字符串 , 点击按钮 , 查看截取到的字符串 , 例如 , 这里输出第一个截取的字符串 。

JS截取以逗号隔开的字符串

文章插图


以上内容就是JS截取以逗号隔开的字符串的内容啦 , 希望对你有所帮助哦!

    推荐阅读