Remove Header from front page

Remove header with the following in the layout:

<script type="text/javascript">
    function headerCheck() {
    var x=document.location.search.substring(1).split('&');
    for (var i in x) {
        if(x[i] == "page=1") {
        document.getElementsByClassName("header")[0].style.display = "none";
        document.getElementsByClassName("footer")[0].style.display = "none";
        }
    }
    }
</script>

You would think this would work with the footer too but it does not.