Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Test Page</title>
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  
 <script>
    function appendheaderfooter(){
    var header="<div style='position:fixed;top:0px;background-color:aqua;'>header html</div>";
    var footer="<div style='position:fixed;bottom:0px;background-color:aqua;'>footer html</div>"
    $("body").append(header+footer);
    }
    window.onload = appendheaderfooter;
  </script>
  
<style>
  div{
    width:100%;
    
  }
  
</style>
</head>
  <body><br/>
  <p>Content goes here</p>
</body>
 
  
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers