为什么我把script放在head中没有效果呢？如果我放在外部 .js文件中会不会有效果呢？
js代码是顺序执行，你在<head>里面调用js语言，var fhus1=document.getElementById("gk2");你的gk2在<body>中，故该句fhus1值为空，在后面调用时，你的的function中fhus1实际上没有对象，所以不会出现效果。
外部引用js文件会有效果
哥，你帮我看下错没
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>编程挑战</title>
<script type="text/javascript">
var fhus1=document.getElementById("gk2");
function hujy(){
fhus1.display="block";
fhus1.style.color="#0000FF";
fhus1.style.background="crimson";
}
</script>
</head>
<body>
<h2 id="gk2">js初级课程实战</h2>
<form>
<input type="button" value="改变颜色" onclick="hujy()" />
</form>
</body>
</html>
在原位置引用相的话，效果一样的，你检查下你的代码错没！