动态加载js,css(项目中需要的)
2021-07-04 06:04
标签：实现 .text java 16px rip 百度 地址 tno 浏览器 最近做的一个项目需要加入百度统计，大家都知道百度统计在页面引用就是一坨js，实现方法很简单引用到页面就ok了。 那么问题来了，虽然我不知道百度统计的原理是啥，我的测试服引用了百度统计，百度统计账号里面配置的域名是正式服的域名，但是却检测到了我测试服的访问量，这就尴尬了，然后就想到了动态加载js 1.动态加载js文件 我们要把这块链接加入页面 具体代码实现如下 2.动态加载js脚本 3.动态加载css文件 我们要把这块链接加入页面 具体代码实现如下 4.动态加载css脚本 借鉴于袁客 动态加载js,css(项目中需要的) 标签：实现 .text java 16px rip 百度 地址 tno 浏览器 原文地址：http://www.cnblogs.com/pnz-bug/p/7122679.htmlfunction loadJs(url){
var script = document.createElement("script");
script.type="text/javascript";
script.src=url;
document.body.appendChild(script);
}
//调用loadJs
loadJs("js/count.js");//这儿的参数是你的js的地址
function loadJscode(code){
var script = document.createElement("script");
script.type = "text/javascript";
try{
script.appendChild(document.createTextNode(code));
}catch(e){
script.text = code;
}
document.body.appendChild(script);
}
var text = "function test(){alert(‘test‘);}";
loadJscode(text);
function loadCss(url){
var css = document.createElement("link");
css.type = "text/css";
css.href = url;
document.body.appendChild(script);
}
//调用loadCss
loadJs("css/count.css");//这儿的参数是你的css的地址
function loadCsscode(cssCode){
var style = document.createElement("style");
style.type = "text/css";
try{
// firefox、safari、chrome和Opera
style.appendChild(document.createTextNode(cssCode));//createTextNode创建文本节点
}catch(e){
//老版本的IE浏览器 ,需要使用style元素的stylesheet属性的cssText属性
style.styleSheet.cssText = cssCode;
}
document.getElementsByTagName("head")[0].appendChild(style);
}
var text = "font{color:#000;}";
loadCsscode(text);