`

动态加载css文件和js文件(转)

阅读更多
http://zhangyaochun.iteye.com/blog/1278775
动态加载css文件和js文件:
简单记录,学习参考。

Js代码 
/*
思路就是使用createElement创建一个link标签
然后用setAttribute给其赋属性和值
@param path-----{String} css文件的路径
*/ 
ZYC.page.loadCssFile = function(path){ 
    var element = document.createElement("link"); 
    element.setAttribute('rel','stylesheet'); 
    element.setAttribute('type','text/css'); 
    element.setAttribute('href',path); 
    document.getElementsByTagName('head')[0].appendChild(element); 

 
/*
思路就是使用createElement创建一个script标签
然后用setAttribute给其赋属性和值
defer表示是否对脚本执行进行延迟,直到页面加载为止
@param path-----{String} css文件的路径
*/ 
ZYC.page.loadJsFile= function(path){ 
   var element = document.createElement("script"); 
   element.setAttribute('type','text/javascript'); 
   element.setAttribute('src',path); 
   element.setAttribute('defer','defer'); 
   document.getElementsByTagName('head')[0].appendChild(element); 
 
分享到:
评论

相关推荐

    js 异步加载js, css文件

    当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...

    使用javaScript动态加载Js文件和Css文件

    JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。 希望下面的方法对你有帮助。 (1)使用JavaScript动态加载Js文件 /*JavaScript动态...

    动态加载JS文件和CSS文件,多浏览器支持。

    动态加载JS文件和CSS文件,多浏览器支持。多个JS文件同时加载,加载完成后执行回调方法。 使用方法: var loader=new RemoteLoader(); loader.loadFiles(["yy.js","jj.jus"],作用域);

    jQury.动态加载css和js文件

    // JavaScript Document ;(function($){ $.extend({  includePath: '',  include: function(file) {  var files = typeof file == "string" ? [file]:file;  for (var i = 0; i ; i++) {  var name = files[i]...

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    动态加载外部CSS与JS文件

     3、由于是页面是从上到下依次加载文件的,并且边加载边解释,所以可以添加javascript控制器控制页面文件的加载顺序,如先加载css布局文件,再显示有图片的css美化文件,之后再加载大的falsh文件,或者安内容的重要...

    JS 动态加载js文件和css文件 同步/异步的两种简单方式

    下面小编就为大家带来一篇JS 动态加载js文件和css文件 同步/异步的两种简单方式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    统一加载css与js

    前一段时间公司要求为了方便代码管理与整洁降低多余代码下达了一个需求:那就是统一加载css与js,可直接运行

    (ZenCart CJloader包含CSS和JS文件类)yellow1912-cjloader-d268660

    3.仿制js,css文件冲突和重复加载 如,zencart网站的下载安全的其他插件中,如果有两个都带有 同一个 javascript 文件(例如:jQuery),那么它将会被加载两次, 不过要使得这个功能生效的话,那么开发者必须都使用CJ Loader...

    顶部加载条的js和css文件

    顶部加载条的js和css文件

    如何实现JavaScript动态加载CSS和JS文件

    项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('...

    javascript 动态加载 css 方法总结

    1. 用在外部CSS文件中加载必须的文件 @importurl(style.css); //只能用在CSS文件中或者style标签中 2. 简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的...

    使用jquery动态加载Js文件和Css文件

    如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。 Jquery动态加载Js和Css扩展方法 $.extend({ includePath: '', include: function(file) { var files ...

    深入解析动态加载css的实现方法

    * @function 动态加载css文件 * @param {string} options.url -- css资源路径 * @param {function} options.callback -- 加载后回调函数 * @param {string} options.id -- link标签id */ function loadCss

    动态加载js和css(外部文件)

    本文详细介绍下,如何动态加载外部js文件及js;动态加载外部css样式及css样式,感兴趣的朋友可以参考下哈,希望对你学习js有所帮助

Global site tag (gtag.js) - Google Analytics