大家好,又见面了,我是全栈君。
//动态载入JS var flag=false ; if(flag){ loadScript('browserdetect.js'); } function loadScript(url){ var script =document.createElement('script'); script.type='text/javascript'; script.src=url; document.getElementsByTagName('head')[0].appendChild(script); }
//动态运行JS var flag=true ; if(flag){ executeScript(); } function executeScript(){ var script =document.createElement('script'); script.type='text/javascript'; var text=document.createTextNode("alert('Lian')"); script.appendChild(text); document.getElementsByTagName('head')[0].appendChild(script); }
通常样式表有两种方式进行载入,一种是<link>标签,一种是<style>标签。
因此给出两种方式的代码演示样例,来说明怎样动态载入样式。
<span style="font-size:18px;">//动态运行linkvar flag=true;if(flag){ loadStyle('basic.css');}function loadStyle(url){ var link=document.createElement('link'); link.rel='stylesheet'; link.type ='text/css'; link.href=url; document.getElementsByTagName('head')[0].appendChild(link);}</span>
<span style="font-size:18px;">//动态运行style var flag=true; if(flag){ var style=document.createElement('style'); style.type='text/css'; document.getElementsByTagName('head')[0].appendChild(style); insertRule(document.styleSheets[0],'#box','background:red',0); } function insertRule(sheet,selectorText,cssText,position){ //假设是非IE if(sheet.insertRule){ sheet.insertRule(selectorText+"{"+cssText+"}",position); }else if(sheet.addRule){ //假设是IE sheet.addRule(selectorText,cssText,position); } }</span>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115369.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...