静态页面间传值

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_22079371/article/details/81775060

方法一：

定义一个点击事件方法，获取input输入的值，传值打开到新的页面

<script language="JavaScript">
    function loginChang(){
      var name =document.getElementById("name");
      var password =document.getElementById("password");
      location.href="index.html?"+"name="+encodeURI(name.value)+"password="+encodeURI(password.value);
    }
  </script>

<form>
        <ul class="login">
          <li class="l_tit">邮箱/用户名/手机号</li>
          <li class="mb_10"><input type="text" id="name" class="login_input user_icon"/></li>
          <li class="l_tit">密码</li>
          <li class="mb_10"><input type="password" id="password" class="login_input user_icon2"/></li>
          <li class="autoLogin">
            <input type="checkbox" id="a1" class="checked"/><label for="a1">自动登录</label>
            <a class="rightArea" for="">忘记密码？</a>
          </li>
          <li><input type="button" value="登录" onclick="loginChang()" class="login_btn"/></li>
        </ul>
      </form>