<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>if语句</title>
<script type="text/JavaScript">
function xys()
{
var mypen = prompt("请输入买的是什么颜色的笔","输在这里")
}
if(mypen == "black")
{
document.write("笔是黑色的，所以购买")
}
else{
document.write("不是黑的不要！")
}
</script>
</head>
<body>
<input type="button" value="点击购买笔" onclick="xys()"/>
</body>
</html>
明白原因了，由于是在dom里面调用js函数，所以判断代码也必须在function里面，更改function范围即可