javascript - 从文档中的提示框写入值

标签 javascript

当访问者访问我的页面时,我希望他们使用一个框进行提示,询问他们的姓名,并在文本中使用该姓名。我创建了一个这样的脚本:

function askname() {
var x=prompt("What is your name?","");
}

我将该脚本放在 head 标签之间。然后,我写 <body onload="askname()"> .盒子提示成功。 现在,我想在文本中使用那个“x”。首先,我刚刚写了

<script type="text/javascript">document.write(x)</script>

但是根本不管用!还有另一种方法吗?不过,我打算不使用任何 javascript 库。所以我请求你的帮助。对不起,如果这是一个愚蠢的问题,我是 JS 的新手。也为我糟糕的英语感到抱歉......

最佳答案

使用 document.write 是不好的做法,此外,如果您在文档加载后调用它,它会覆盖它。 innerHTML 在这里很合适,因为这是一个相对简单的任务,如果您遇到更复杂的事情,您应该使用 DOM 方法、创建元素并填充 nodeValue 属性。

使用内联事件处理程序和内联 JS 也是一种不好的做法,你应该将两者分开,我会把它放在一个外部脚本中所以它实际上被缓存了,不要介意我的代码示例,因为它只是一个示例,但它应该如何在真实页面上完成。

<body>
<div id="message"></div>
<script>
window.onload = function() {
    var name = prompt('What is your name?', '');
    if ( name ) {
        document.getElementById('message').innerHTML = name;
    }

}
</script>
</body>

关于javascript - 从文档中的提示框写入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1894958/

相关文章:

javascript - 在 Javascript 中使用 Jest 模拟整个模块

javascript - ES6实现这个功能?

javascript - 覆盖匹配器的默认 Jasmine 错误消息

javascript - 电子邮件验证 nodemailer 适用于本地主机但不适用于服务器

javascript - Polymer Firebase 页面刷新返回 404 错误(找不到路由页面)

javascript - 正则表达式向前看和向后看

javascript - 选择所有复选框并将选中复选框的值设置为 'on' jquery

javascript - 无法替换字符串中的子字符串

JavaScript RegEx - 验证后面跟有通配符的 3 个字母数字字符

javascript - 如何将 Canvas 绘图作为图像保存到文件夹中?