从文档中的提示框写入值

Jim*_*Jim 1 javascript

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

function askname() {
var x=prompt("What is your name?","");
}
Run Code Online (Sandbox Code Playgroud)

我把那个脚本放在head标签之间.然后,我写<body onload="askname()">.该框成功提示.现在,我想在文本中使用'x'.首先,我刚才写道

<script type="text/javascript">document.write(x)</script>
Run Code Online (Sandbox Code Playgroud)

但它根本不起作用!有没有其他方法可以做到这一点?不过,我打算不使用任何JavaScript库.所以我请求你的帮助.对不起,如果这是一个愚蠢的问题,我是JS的新手.抱歉我的英语不好......

med*_*iev 6

使用它是不好的做法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>
Run Code Online (Sandbox Code Playgroud)