javascript 如何取前几位字符

时间:2024-10-13 23:20:38

1、新建一个html文件,命名为test.html,用于讲解javascript如何取前几位字符。

javascript 如何取前几位字符

2、在test.html文件内,在p标签,使用input标签创建一个字符串输入框,并设置它的id为mytest。

javascript 如何取前几位字符

3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“取前4位字符”。

javascript 如何取前几位字符

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getss()函数。

javascript 如何取前几位字符

5、在js标签中,创建getss()函数,在函数内,通过getElementById(拘七呷憎)方法获得input对象,使用value属性获得输入框的字符串,同时把它保存在str变量中。

javascript 如何取前几位字符

6、在getss()函数内,对上一步获得的字符串,使用substr()方法从0位置开始,即字符串开头,截取4个字符,把截取的结果保存在res变量中。最后,使用alert()方法将截取的字符串输出来。

javascript 如何取前几位字符

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

javascript 如何取前几位字符
© 手抄报圈