- A+
所属分类:Web前端
将本页代码复制粘贴到html页面,打开即可。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="demo.html" method="get"> 账号: <input type="text" name="userName"> 密码: <input type="password" name="pwd" id=""> <input type="submit" value="提交"> </form> </body> <script> //demo.html?userName=yft&pwd=admin //如果我们第二个页面能够使用这个数据,我们就实现了2个页面传输数据。 // {userName:yft,pwd:admin} //截取网址字符串 function params(url) { //我们只要问号后面的字符串 var arr = url.split('?') // console.log(arr); var params = arr[1]; //console.log(params); //userName=yft&pwd=admin var arr1 = params.split('&'); console.log(arr1); var o = {} //因为arr1里面有多个元素,都要切割,所以我们需要遍历循环。 for (var i = 0; i < arr1.length; i++) { // console.log(arr[i]); var newArr = arr1[i].split('='); console.log(newArr); // newArr[0] newArr[1] o[newArr[0]] = newArr[1]; } return o; } console.log(params('www.yft.com/login?userName=yft&pwd=admin')); </script> </html>