首页 > 代码库 > JavaScript高级程序设计之动态脚本及动态样式
JavaScript高级程序设计之动态脚本及动态样式
1、动态加载脚本(src 原理,异步,支持跨域)
var loadScript = function (url, callback) { var script = document.createElement("script"); script.src = url; document.getElementsByTagName("head")[0].appendChild(script); if (script.addEventListener) { // for w3c script.onload = function () { script.onload = null; script.parentNode.removeChild(script); callback && callback(); }; } else if (script.readyState) { // for ie script.onreadystatechange = function () { if (script.readyState === "loaded" || script.readyState === "complete") { script.onreadystatechange = null; script.parentNode.removeChild(script); callback && callback(); } }; } else { // for lower brower script.parentNode.removeChild(script); callback && callback(); } };
2、动态加载样式
var loadStyle = function (cssText) { var style = document.createElement("style"); style.type = "text/css"; style.rel = "styleSheet"; try { style.appendChild(document.createTextNode(cssText)); } catch (ex) { // for ie style.styleSheet.cssText = cssText; } document.getElementsByTagName("head")[0].appendChild(style); }; loadStyle("body{background-color:#aaa;}");
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。