JS如何使用substring方法截取指定字符

在js中,substring()方法可以用于截取指定开始位置至结束位置的字符。下面小编以截取第3个字符开始至第六个字符结束的字符串为例,讲解JS如何使用substring方法截取指定字符。

1e30e924b899a901f842346512950a7b0208f56a.jpg

东西/原料

  • html+js
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解JS如何利用substring方式截取指定字符。

    eaf81a4c510fd9f9323b3a3a2a2dd42a2834a4b1.jpg
  2. 2

    在test.html文件内,在p标签内,利用input标签建立一个输入框,用于字符串的输入。

    267f9e2f07082838af7ab347b799a9014c08f16a.jpg
  3. 3

    在test.html文件内,设置input标签的id为aaa,本家儿要用于下面经由过程该id获得input对象。

    b17eca8065380cd79155cdbeae44ad345982811d.jpg
  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“截取指定字符”。

    d62a6059252dd42ac1256ef80c3b5bb5c9eab8b1.jpg
  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行subss函数。

    d52a2834349b033bb7a493891ace36d3d539bdb1.jpg
  6. 6

    在js标签中,建立subss()函数,在函数内,利用getElementById方式经由过程aaa获得input对象,同时操纵value属性获得输入框的填写的字符串,然后利用substring方式来截取字符串,例如,这里截取第3个字符至第6个字符之间的字符串。最后,利用alert()方式输出截取的字符串。

    64380cd7912397dda332f7575682b2b7d0a2871d.jpg
  7. 7

    在浏览器打开test.html文件,输入字符,点击按钮,查看成果。

    2934349b033b5bb524fb4fad39d3d539b600bcb1.jpg

总结:

  1. 1

    1、建立一个test.html文件。
    2、在文件内,在p标签内,利用input标签建立一个输入框,同时建立一个button按钮,用于触发执行js函数。
    3、在js标签内,建立函数,在函数内,利用getElementById方式经由过程获得input对象,操纵value属性获得输入框的填写的字符串,然后利用substring方式来截取字符串。

注重事项

  • substring()方式的第一个字符位置为0,第二个字符位置为1,依此类推。
  • 发表于 2020-01-09 17:02
  • 阅读 ( 234 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论