要求:有两个页面: 实现思路:
代码实现:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form action="index.html"> 用户名: <input type="text" name="uname"> <input type="submit" value="登录"> </form> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div></div> <script> // 1.先去掉? substr('起始的位置',截取几个字符); var params = location.search.substr(1); // uname=andy // 2. 利用=把字符串分割为数组 split('='); var arr = params.split('='); var div = document.querySelector('div'); // 3.把数据写入div中 div.innerHTML = arr[1] + ':欢迎您'; </script> </body> </html> 实现效果:打开 输入用户名: 点击登录: |
|