如何在HTML或JavaScript中输出变量值？_Javascript_Html

如何在HTML或JavaScript中输出变量值？

javascript html

如何在HTML或JavaScript中输出变量值？,javascript,html,Javascript,Html,如何在HTML或JavaScript中输出某些变量的值我手机上有这个html文件：文本=；函数Showx { text=text++x； document.getElementByIdLine.innerHTML=text； } .戈托帕内尔布顿{ 颜色：栗色；背景：粉红色；字体大小：72px； } 随机单击以下任一按钮：猫狗老鼠以下是您单击的内容： -- 本地存储可用于将该信息存储在客户端（查看html的设备）上 Ajax+服务器端html生成可用于在服务器端存储该信息，其

如何在HTML或JavaScript中输出某些变量的值

我手机上有这个html文件：

文本=；函数Showx { text=text++x； document.getElementByIdLine.innerHTML=text； } .戈托帕内尔布顿{ 颜色：栗色；背景：粉红色；字体大小：72px； } 随机单击以下任一按钮：猫狗老鼠以下是您单击的内容：

-- 本地存储可用于将该信息存储在客户端（查看html的设备）上

Ajax+服务器端html生成可用于在服务器端存储该信息，其好处是在关闭窗口后，其他人可以使用该信息。您可以使用cookies在浏览器中存储数据

  document.cookie = "text=" + text;

您需要编写一个函数来获取该cookie

您可以轻松地使用localStorage.setItem和localStorage.getItem

一个简单的例子是：

试试这段代码，它会工作得很好

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>Click randomly on any of these buttons:</div>
<button class="GoToPanelButtons" onclick="Show('cat')">cat</button>
<button class="GoToPanelButtons" onclick="Show('dog')">dog</button>
<button class="GoToPanelButtons" onclick="Show('rat')">rat</button>
<button class="GoToPanelButtons" onclick="Clear()">Clear</button>
<br>
<br>
<div>Here is what you've clicked on:</div>
<br>
<div id="Line">---</div>

<script>
    function Show(x) {
        if(localStorage.text){
            localStorage.text = localStorage.text +" "+ x;
        }else{
            localStorage.text = x;
        }
        document.getElementById("Line").innerHTML = localStorage.text;
    }
    function Clear(){
        localStorage.clear();
        document.getElementById("Line").innerHTML = '';
    }
    Show('');
</script>
</body>
</html>

是否希望输出保持不变？然后使用本地存储。您无法通过浏览器检测手机是否被关闭。它自己把它藏起来。除了在应用程序中写入外，并没有其他方法。若你们的意思是输出，保存到硬盘，那个么是的，但你们需要的不仅仅是在页面上绘制一些东西。就像用户可以下载文件的地方一样。@Mouser-您能详细说明一下吗？请参阅更新的注释。请提供必要的代码和/或文档以及您的答案。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>Click randomly on any of these buttons:</div>
<button class="GoToPanelButtons" onclick="Show('cat')">cat</button>
<button class="GoToPanelButtons" onclick="Show('dog')">dog</button>
<button class="GoToPanelButtons" onclick="Show('rat')">rat</button>
<button class="GoToPanelButtons" onclick="Clear()">Clear</button>
<br>
<br>
<div>Here is what you've clicked on:</div>
<br>
<div id="Line">---</div>

<script>
    function Show(x) {
        if(localStorage.text){
            localStorage.text = localStorage.text +" "+ x;
        }else{
            localStorage.text = x;
        }
        document.getElementById("Line").innerHTML = localStorage.text;
    }
    function Clear(){
        localStorage.clear();
        document.getElementById("Line").innerHTML = '';
    }
    Show('');
</script>
</body>
</html>