显示会话存储项

Display a sessionStorage item

本文关键字:存储 会话 显示      更新时间:2023-09-26

我想显示现场球员,但我不能:

<body>
       <header>
    <h1>My memory Game</h1>
</header>
<div id="timer">
    Player Name: 
    <span id="player-name">
               <script type='text/javascript'>
                sessionStorage.getItem('player');
                //alert("Your name is: " + sessionStorage.getItem('player'));    
               </script>    
    </span>
</div>

当我使用 javascript alert 测试它时,一切正常:玩家名称毫无问题请有任何想法

sessionStorage.getItem('player')返回一个字符串。 你应该用它做点什么。 就像在警报中显示一样。 - 这是根据您的详细信息工作...

一旦你有值,你可以把它放在元素中

即:

myelement.inneHtml=sessionStorage.getItem('player')

使用这个:

document.getElementById('player-name').innerHTML = 
     sessionStorage.getItem('player');

固定代码:

<body>
    <header>
        <h1>My memory Game</h1>
    </header>
    <div id="timer">
        Player Name: 
        <span id="player-name">
        </span>
    </div>
    <script type='text/javascript'>
        document.getElementById('player-name').innerHTML = sessionStorage.getItem('player');
    </script>    

你应该做一些JavaScript教程。​

这会

将其写入您的跨度,您应该将脚本标签放在跨度下方(我不知道如果您在执行时覆盖它会发生什么,也可能起作用)

document.getElementById("player-name").innerHTML = sessionStorage.getItem('player');