1、新建一个html文件,命名为test.html,用于讲解如何使用js截取指定字符串前面所有的字符。
2、在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,并设置其id为mystr。
3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“截取bb字符串前面的字符串”。
4、在test.html文件内,并给button按钮绑定onclick点击事件,当按钮被点击时,执行getstrat()函数。
5、在js标签中,创建getstrat()函数,在函数内,使用getElementBy诔罨租磊Id()方法通过id(mystr)获得input对象,利用valu髫潋啜缅e属性获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,将位置保存承wz变量中。
6、在getstrat()函数内,使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。最后,使用alert()方法将截取的字符串输出。
7、在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。