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

html+js

代码编纂器:Zend Studio 12.5.1

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解JS截取以逗号离隔的字符串。

    1e30e924b899a901f1093f4012950a7b0208f58c.jpg
  2. 2

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

    30adcbef76094b36b98c7f9baccc7cd98d109dad.jpg
  3. 3

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

    caef76094b36acaf38fef28a73d98d1001e99cad.jpg
  4. 4

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

    7af40ad162d9f2d3912d4099a6ec8a136327cc8c.jpg
  5. 5

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

    203fb80e7bec54e716f27e68b6389b504fc26aad.jpg
  6. 6

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

    e7cd7b899e510fb3890013e1d633c895d1430cae.jpg
  7. 7

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

    0eb30f2442a7d93341b18005a24bd11373f001ae.jpg
  • 发表于 2019-11-15 17:35
  • 阅读 ( 882 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具