<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>alert</title>
<script type="text/javascript">
function rec(){
var mychar="I love JavaScript";
document.write(mychar);
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />
</body>
</html>为什么点击按钮之后页面上只有文本，按钮却没有了？
因为点击按钮后，执行打印操作即document.wirte(mychar),。它将清除当前页面内容(包括源文档的任何变量或值).