// add an element
var fb_foot = document.createElement("div");
fb_foot.id="fb-root";
document.body.appendChild(fb_foot);
// import a js file
// e.g load facebook javascript
var tag = document.createElement(‘script’);
tag.type="text/javascript";
tag.src = ‘http://connect.facebook.net/en_US/all.js’;
document.body.appendChild(tag);
<html>
<style type="text/css">
html,body {height: 100%;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.top,.bottom {
position: absolute;
width: 100%;
left: 0px;
height: 10%;
background-color: #FFFF22;
}
.top {top: 0px;}
.bottom {bottom: 0px;}
.main {
background-color: #00FFF0;
overflow-y: scroll;
position: absolute;
top: 10%;
bottom: 10%;
height: 80%;
width: 100%;
}
</style>
</head>
<body>
<div class="top">TOP</div>
<div class="bottom">BOTTOM</div>
<div class="main">
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
CONT<br>
</div>
</body>
</html>