为什么本地存储后跳转页面显示为null?

两个html页面,a存储username后跳转到b,但是为什么本地存储后跳转页面显示为null?
a.html
<body>
    <input type="text" name="username">
    <button>登录button>
    <script>
        let input = document.querySelector('[name=username')
        let button = document.querySelector('button')
        button.addEventListener('click',function(){
            localStorage.setItem('pink',input.value)
            console.log(localStorage.getItem('pink'));
            location.href='./register.html'
           
        })
    script>
body>

b.html


```html
<body>
    <a href="">a>
    <script>
        let username = localStorage.getItem('pink')
       console.log(username);
        let a = document.querySelector('a')
        a.innerHTML = username
    script>
body>


  1. 你发的例子里面A页面跳转的代码应该是写错了吧,你提供的是location.href='./register.html',我改成location.href='./b.html'
  2. 改后后我这边测试是可以的,输入什么,点击跳转过去显示的就是什么
  3. 如果你那边不行,你试试a页面中的跳转的语句先加个延时
setTimeout(function () {
        location.href='./b.html'
}, 300)

你先在a页面点击查看下是否能正常存储到本地

img

img

img

img


完全没问题啊,你是不是哪少东西了