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