html+js
代码编辑器:Dreamweaver CS5
新建一个html文件,命名为test.html,用于讲解如何使用js截取指定字符串前面所有的字符。
在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,并设置其id为mystr。
在test.html文件内,使用button标签创建一个按钮,按钮名称为“截取bb字符串前面的字符串”。
在test.html文件内,并给button按钮绑定onclick点击事件,当按钮被点击时,执行getstrat()函数。
在js标签中,创建getstrat()函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属性获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,将位置保存承wz变量中。
在getstrat()函数内,使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。最后,使用alert()方法将截取的字符串输出。
在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。
1、创建一个test.html文件。 2、在文件内,在p标签内,使用input标签创建一个字符串输入框,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属性获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,再使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。
substring()方法第一个参数为开始截取的位置,第二个参数为结束截取的位置。