1、新建一个html文件,命名为test.html,用于讲解如何用js让前后字符互换位置。
2、在test.html文件内,在p标签内,使用input标签创建一个字符串输入框。
3、在test.html文件内,设置input标签的id为mystring,主要用于下面通过该id获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“前后字符观立挛蛴互换位置”,给button按钮绑定onclick点击事件,当按钮被点击时,执行editstr()函数。
5、在js标签中,创建editstr()函数,在函数内,使用getElementById()方法通过id获得输入框的字符串,再使用split()方法将字符串转换为数组arr。
6、在editstr()函数内,再使用splice()方法取得第二个元素,将取得的元素墙绅褡孛数组与arr数组弋讥孜求使用concat()方法组成一个新数组,这个数组就是互换字符后的数组,将该数组通过join()方法连接成字符串,通过alert()方法输出。
7、在浏览器打开test.html文件,输入字符,点击按钮,查看结果。