Dynamically Including JavaScript and CSS Files

<script language=“javascript” type=“text/javascript”>
function includeJS(src) {
if(document.createElement && document.getElementsByTagName) {
var headtag = document.getElementsByTagName(“head”)[0];
var newjs = document.createElement(“script”);
newjs.setAttribute(“type”, “text/javascript”);
newjs.setAttribute(“language”, “javascript”);
newjs.setAttribute(“src”, src);

headtag.appendChild(newjs);
}
}
function includeCSS(link) {
if(document.createElement && document.getElementsByTagName) {
var headtag = document.getElementsByTagName(“head”)[0];
var newcss = document.createElement(“link”);
newcss.setAttribute(“rel”, “stylesheet”);
newcss.setAttribute(“type”, “text/css”);
newcss.setAttribute(“href”, link);

headtag.appendChild(newcss);
}
}
function change() {
includeCSS(“http://domainname.com/selvam/testcss.css”);
includeJS(“http://domainname.com/selvam/testjs.js”);
}
</script>
<h1>Test H1</h1> <input type=“button” name=“cmd_button” id=“btn” value=” change screen” onclick=“change();”>