1.Default.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js.js" type="text/javascript"></script>
<title>TestJS</title>
</head>
<body onload="doOnLoad();">
<input type="button" id="btnTest" value="Test" disabled="disabled"/>
<br />
<input type="text" id="txtJSName" value="1" />
<input type="button" id="btnGetJS" value="GetJS" />
</body>
</html>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2.js.js
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function doOnLoad()
{
document.getElementById('btnTest').onclick = doTest;
document.getElementById('btnGetJS').onclick = doGetJS;
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function doTest()
{
var jsTest = test;
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(jsTest)
{
jsTest();
checkBtnTest('myjs');
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
else
{
alert('无函数!');
}
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function doGetJS()
{
checkBtnTest('myjs');
var jsName = 'js' + document.getElementById('txtJSName').value + '.js';
AjaxPage('myjs', jsName);
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function GetHttpRequest()
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (window.XMLHttpRequest)
{//Gecko
return new XMLHttpRequest();
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
else if (window.ActiveXObject)
{//IE
return new ActiveXObject("MsXml2.XmlHttp");
}
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function AjaxPage(sId, url)
{
var oXmlHttp = GetHttpRequest();
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
oXmlHttp.OnReadyStateChange = function()
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if ( oXmlHttp.readyState == 4 )
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (oXmlHttp.status == 200 || oXmlHttp.status == 304)
{
IncludeJS( sId, url, oXmlHttp.responseText );
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
else
{
alert('XML request error: ' + oXmlHttp.statusText + ' (' + oXmlHttp.status + ')');
}
}
}
oXmlHttp.open('GET', url, true);
oXmlHttp.send(null);
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function IncludeJS(sId, fileUrl, source)
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(source != null)
{
var scriptTag = document.getElementById(sId);
var oHead = document.getElementsByTagName('HEAD').item(0);
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(scriptTag)
{
oHead.removeChild(scriptTag);
}
var oScript = document.createElement( "script" );
oScript.language = "javascript";
oScript.type = "text/javascript";
oScript.id = sId;
oScript.defer = true;
oScript.text = source;
oHead.appendChild(oScript);
checkBtnTest(sId);
}
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function checkBtnTest(sId)
{
var scriptTag = document.getElementById(sId);
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(scriptTag)
{
document.getElementById('btnTest').setAttribute('disabled', false);
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
else
{
document.getElementById('btnTest').setAttribute('disabled', true);
}
}
3. js1.js 和 js2.js
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function test()
{
alert('js1.js');
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function test()
{
alert('js2.js');
}
4. 动态加CSS样式
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
function IncludeCSS(sId, fileUrl)
{
var cssTag = document.getElementById(sId);
var oHead = document.getElementsByTagName('HEAD').item(0);
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(cssTag)
{
oHead.removeChild(cssTag);
}
var oCss = document.createElement('link');
oCss.id = sId;
oCss.href = fileUrl;
oCss.rel = 'stylesheet';
oCss.type = 'text/css';
oHead.appendChild(oCss);
}