<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cn">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
<title>动态加载脚本和动态加载样式</title>
</head>
<body>
<script type="text/javascript">
//动态加载脚本
var script=document.createElement('script');
script.type="text/javascript",
script.src="client.js";
document.body.appendChild(script);
//封装方法追加方法url
function loadScript(url){
var script=document.createElement('script');
script.type="text/javascript",
script.src=url;
document.body.appendChild(script);
}
loadScript('gaolu.js')
//封装方法追加方法text
function loadScriptScript(code){
var script=document.createElement('script');
script.type="text/javascript";
try{
script.appendChild(document.creatTextNode(code));
}catch(ex){
script.text=code;
}
document.body.appendChild(script);
}
loadScriptScript('function say(){alert("11");};say();');
//动态加载样式
var link=document.createElement('link');
link.type="text/css";
link.rel="stylesheet";
link.href="style.css";
var head=document.getElementsByTagName('head')[0];
head.appendChild(link);
//封装方法追加方法href
function loadStyles(href){
var link=document.createElement('link');
link.type="text/css";
link.rel="stylesheet";
link.href=href;
var head=document.getElementsByTagName('head')[0];
head.appendChild(link);
}
loadStyles('css.css');
//封装方法追加方法text
function loadStyleString(css){
var style=document.createElement('style');
style.type='text/css';
try{
style.appendChild(document.createTextNode(css));
}catch (ex){
style.styleSheet.cssText=css;
}
var head=document.getElementsByTagName('head')[0];
head.appendChild(style);
}
// loadStyleString('body{background-color:red;}')
</script>
</body>
</html>