<!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>
延迟加载css和javascript
猜你喜欢
转载自changpanzzp.iteye.com/blog/2086140
今日推荐
周排行