js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)

var DynamciLoadUtil = {

// 动态加载外部js文件，并执行回调

loadJS: function(url, callback){

var script = document.createElement(‘script‘);

script.type = ‘text/javascript‘;

script.src = url;

if(typeof callback == ‘function‘){

script.onload = script.onreadystatechange = function(){

if(!this.readyState || this.readyState == ‘loaded‘

|| this.readyState == ‘complete‘){

callback();

script.onload = script.onreadystatechange = null;

}

document.body.appendChild(script);

//document.getElementsByTagName(‘body‘)[0].appendChild(script);

// 行内方式动态加载js代码

loadJSText: function(jsText){

var script = document.createElement(‘script‘);

script.type = ‘text/javascript‘;

try {

// Firefox,Safari,Chrome,Opera支持

script.appendChild(document.createTextNode(jsText));

} catch(ex){

// IE早期的浏览器，需要使用script的text属性来指定js代码

script.text = jsText;

}

document.body.appendChild(script);

// 动态加载外部CSS文件

loadCSS:function(url){

var link = document.createElement(‘link‘);

link.rel = ‘stylesheet‘;

link.type = ‘text/css‘;

link.url = url;

document.getElementsByTagName(‘head‘)[0].appendChild(link);

// 使用

loadCSSText: function(cssText){

var style = document.createElement(‘style‘);

style.type = ‘text/css‘;

try{

// Firefox,Safari,Chrome,Opera支持

style.appendChild(document.createTextNode(cssText));

} catch(ex){

// IE早期浏览器，需要使用style元素的styleSheet属性的cssText属性

style.styleSheet.cssText = cssText;

}

js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)相关推荐

c 语言解析png图片文件信息,使用CImage加载PNG图片文件
在MFC开发中,大家很容易用到PNG等流行媒体格式.但是MFC只提供了简单的BMP,ICON等文件的加载.此时,使用CImage将使得图片加载轻松自如. CImage加载导入图片首先加载动态图片进入 ...
android加载so文件失败,Android无法加载'.so.1'文件
我想你还没有通过JNI加载原生库到Java的概念. 首先在java中定义本地方法并在本机中执行相应的实现并编译它(您必须按照命名约定注册本地方法1)2)在jni_onload中注册本地方法...我认为 ...
jquery中ajax加载js和json文件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax加载js文件 jquery中ajax加载js文件的函数为getScript() 代码如下: $.getS ...
异步加载js的三种方法
js加载时间线 : 它是根据js出生的那一刻开始记录的一系列浏览器按照顺序做的事,形容的就是加载顺序,可以用来优化什么东西,理论基础,背下来. 1.创建Document对象,开始解析web页面.解析H ...
google支持本地ajax,360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
使用360chrome和google chrome浏览器加载本地html文件时,会报错,提示: XMLHttpRequest cannot load file:///Y:/jswg/code/html ...
Linux下的ELF文件、链接、加载与库（含大量图文解析及例程）
Linux下的ELF文件.链接.加载与库链接是将将各种代码和数据片段收集并组合为一个单一文件的过程,这个文件可以被加载到内存并执行.链接可以执行与编译时,也就是在源代码被翻译成机器代码时:也可以执行 ...
LabVIEW写入可快速加载的TDMS文件
LabVIEW写入可快速加载的TDMS文件 TDMS文件格式的设计目的是在尽可能快地读写数据的同时仍保持足够的灵活性来适应采集过程中通道数量和采样率的变化. 但是数据读写速度快的文件未必可快速加载. ...
CSS 3.0实现时光轴加载动画
给大家分享一个用CSS 3.0实现时光轴加载动画,效果如下: 以下是代码实现,欢迎大家复制.粘贴和收藏. <!DOCTYPE html> <html lang="en&qu ...
html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...

js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)

js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)相关推荐

最新文章

热门文章