我刚刚开始学习 Javascript。我想要“Hello World！” 用户单击按钮后写入网页。我试过这个：
<html>
<head>
<script type="text/javascript">
function displaymessage()
{
document.write("Hello World!");
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
</body>
</html>
我可以让它做一个window.alert("Hello World!")但document.write("Hello World!")由于某种原因不能做。发生的情况是按钮消失并且不显示任何文本。我的猜测是问题出在document.write但我不知道如何解决它。有什么建议么？
因为那个时候文档已经写好了。您可以像这样设置文本：
<button id="lol">blah</button>
<script>
function setText( obj, to ) {
obj.textContent? obj.textContent = to : obj.innerText = to;
}
var lol = document.getElementById('lol')
lol.onclick = function() {
var p = document.createElement('p');
document.body.appendChild(p);
setText( p, 'hi' );
}
</script>
另一种流行但经常被忽视的技术是innerHTML.
Document.write 用于写入当前加载的 HTML 文件。一旦页面被加载，并且用户开始与页面交互，document.write 就没有用了。