javascript - 我如何在 HTML 中使用这个 JavaScript 变量?

标签 javascript html variables

我正在尝试制作一个简单的页面,询问您的姓名,然后使用 name.length (JavaScript) 计算出您的姓名的长度。

到目前为止,这是我的代码:

<script>
var name = prompt("What's your name?");
var lengthOfName = name.length
</script>
<body>
</body>

我不太确定要在 body 标签中放入什么,以便我可以使用我之前声明的那些变量。我意识到这可能是一个非常初级的问题,但我似乎找不到答案。

最佳答案

您不会在 HTML 中“使用”JavaScript 变量。 HTML 不是一种编程语言,它是一种标记语言,它只是“描述”页面应该是什么样子。

如果你想在屏幕上显示一个变量,这是用 JavaScript 完成的。

首先,您需要将它写到某个地方:

<body>
    <p id="output"></p>
</body>

然后您需要更新您的 JavaScript 代码以写入该 <p>标签。确保在页面准备好后执行此操作。

<script>
window.onload = function(){
    var name = prompt("What's your name?");
    var lengthOfName = name.length

    document.getElementById('output').innerHTML = lengthOfName;
};
</script>

window.onload = function() {
  var name = prompt("What's your name?");
  var lengthOfName = name.length

  document.getElementById('output').innerHTML = lengthOfName;
};
<p id="output"></p>

关于javascript - 我如何在 HTML 中使用这个 JavaScript 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30035932/

相关文章:

Javascript通过单击按钮删除div

javascript - JS 表达式不能作为 ReactJS 中字符串的一部分工作?

css - 使用 CSS 进行布局,清除 float 以在下一行开始 ??需要创建一个2列5行的布局

javascript - React 代码旁边的 jQuery 代码示例 (noob)

javascript - polymerfire/firebase-查询事务完成事件

javascript - IntroJS 滚动不起作用

安卓 : How to Parse HTML tags and retrieve information from an HTML page

javascript - 检查变量中的对象是否也包含在另一个变量中(jQuery)

windows - 批量设置REM为变量,让代码看起来不一样

Php Mysql SELECT 查询 1 列等于 1 个变量