Fatal编程技术网
  • html/
  • 跨HTML页面传输变量

跨HTML页面传输变量

html

跨HTML页面传输变量,html,Html,我从一个HTML页面的文本框中获取输入，并使用此函数将其保存到本地存储 function writeMail(emailInput){ console.log(emailInput); localStorage.setItem('emailInput',emailInput); let theEmail = localStorage.getItem('emailInput'); console.log(theEmail); } 这工作正常，我可以通过控制台日志检查输入是否正确。 然而，当我尝试

我从一个HTML页面的文本框中获取输入，并使用此函数将其保存到本地存储

function writeMail(emailInput){
console.log(emailInput);
localStorage.setItem('emailInput',emailInput);
let theEmail = localStorage.getItem('emailInput');
console.log(theEmail);
}

这工作正常，我可以通过控制台日志检查输入是否正确。 然而，当我尝试从本地存储将其存储在我的emailList html文件的表中时，它似乎根本不起作用

<body>
电子邮件=本地存储[“emailInput”]


电子邮件列表
名称
电子邮件
电子邮件
为了能够操作HTML的内容，需要专门修改DOM节点。在这种特定情况下，您应该在
上具有
id
属性，然后使用该节点的
innerHTML
属性来设置所需的值

i、 e:
然后在代码上：

让邮件=localStorage.getItem（'emailInput'）；
document.getElementById（“xpto”）.innerHTML=theEmail；
您还应该在文档加载完成后调用的函数中设置该代码，例如：

JAVASCRIPT:

函数go（）{ 让theEmail=localStorage.getItem（'emailInput'）； document.getElementById（“xpto”）.innerHTML=theEmail； } HTML:

为了能够操作HTML的内容，需要专门修改DOM节点。在这种特定情况下，您应该在
上具有
id
属性，然后使用该节点的
innerHTML
属性来设置所需的值

i、 e:
然后在代码上：

让邮件=localStorage.getItem（'emailInput'）；
document.getElementById（“xpto”）.innerHTML=theEmail；
您还应该在文档加载完成后调用的函数中设置该代码，例如：

JAVASCRIPT:

函数go（）{ 让theEmail=localStorage.getItem（'emailInput'）； document.getElementById（“xpto”）.innerHTML=theEmail； } HTML:
您是如何阅读的？您是如何阅读的？表格是如何输出电子邮件的。它可以识别id并传递变量，但是我在标签之间使用什么语法来输出电子邮件呢？你在混淆概念。我们上面讨论的概念是DHTML（动态HTML），HTML由浏览器使用客户端脚本语言（通常是JavaScript）进行操作。您可能感兴趣的是服务器端脚本语言，在这种情况下，我建议您看看PHP（还有很多其他的）。然后，您必须理解HTTP方法的概念，如GET和POST（还有更多），通过这些方法，您可以在页面之间传递信息，在下一页处理信息，我的意思是，我对javascript还很陌生，到目前为止它在这个应用程序中运行得很好，但我只是说，如果我是正确的，ID标记只定义了表中空间的位置。我需要从表中的javascript中输出“电子邮件”，因为目前没有任何代码输出到表中。如果您对探索客户端javascript与UI（用户界面）的交互更感兴趣，我建议您看看以下技术：React、Vue、Angular。这些是JS框架，旨在简化HTML UI的操作。他们通常会有一个“状态”，它是应用程序当前状态的全部信息（即，您想要存储和显示的所有信息，通常作为JSON对象存储在内存中），并基于它呈现UI，我很感激你的回答，但对我来说，这些基本上都是火星人的中国话。有没有办法将这个emailInput变量输出到表中？表是如何输出电子邮件的。它可以识别id并传递变量，但是我在标签之间使用什么语法来输出电子邮件呢？你在混淆概念。我们上面讨论的概念是DHTML（动态HTML），HTML由浏览器使用客户端脚本语言（通常是JavaScript）进行操作。您可能感兴趣的是服务器端脚本语言，在这种情况下，我建议您看看PHP（还有很多其他的）。然后，您必须理解HTTP方法的概念，如GET和POST（还有更多），通过这些方法，您可以在页面之间传递信息，在下一页处理信息，我的意思是，我对javascript还很陌生，到目前为止它在这个应用程序中运行得很好，但我只是说，如果我是正确的，ID标记只定义了表中空间的位置。我需要从表中的javascript中输出“电子邮件”，因为目前没有任何代码输出到表中。如果您对探索客户端javascript与UI（用户界面）的交互更感兴趣，我建议您看看以下技术：React、Vue、Angular。这些是JS框架，旨在简化HTML UI的操作。他们通常会有一个“状态”，它是应用程序当前状态的全部信息（即，您想要存储和显示的所有信息，通常作为JSON对象存储在内存中），并基于它呈现UI，我很感激你的回答，但对我来说，这些基本上都是火星人的中国话。有没有办法将这个emailInput变量输出到表中？ 
<table>
    <caption> Email list
    </caption>
    <tr>
    <th> Name </th>
    <th> Email </th>
    </tr>
    <tr>
        <td>email </td>
    </tr>
</table>
</body>