使用jquery动态加载Js文件和Css文件
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。
Jquery动态加载Js和Css扩展方法
$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split('.'); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); } } });
使用方法:
$.include('http://www.jb51.net/include/dedeajax.js'); $.include('http://www.jb51.net/templets/skins/style/android.css');
或者:
$.includePath='www.jb51.net/html/'; $.include([dedeajax.js','android.css']);
以上就是本文的全部内容,希望对大家的学习有所帮助。
相关推荐
-
jquery动态加载js/css文件方法(自写小函数)
先来看jquery自带的getSrcript文件 方法 $.getScript(url,callback) 实例 复制代码 代码如下: var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as parameter.'); } 动态调用方法 复制代码 代码如下: <script type="text/javascript
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码
一.ready函数的实现经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的源码,涉及到的模块比较多,(水平有限)代码比较难看懂:自己结合了一些书籍内容,总结一下.先说一下ready函数的实现思路:变量ready通过表达式赋值,右侧为一个自执行匿名函数,在这个匿名函数中,首先为各个浏览器的事件绑定处理函数,并为isReady赋值(根据事件异步处理程序来确定),然后返回一个传参闭包,在闭包中,主要判断isReady值来执行操作,如果dom
-
一个简单的动态加载js和css的jquery代码
一个简单的动态加载js和css的jquery代码,用于在生成页面时通过js函数加载一些共通的js和css文件. //how to use the function below: //$.include('file/ajaxa.js');$.include('file/ajaxa.css'); //or $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(only if .js and .css files are in the
-
jQuery动态加载css文件实现方法
有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件,如在切换页面布局时.思路是创建一个 link 元素,并将它添加到 标记中即可,下边首先看看怎么使用 jQuery 来实现. 下边是我喜欢的写法: $("<link>") .attr({ rel: "stylesheet", type: "text/css", href: "site.css" }) .appendTo("head&quo
-
如何使用jquery动态加载js,css文件实现代码
使用jquery动态加载js,css文件 复制代码 代码如下: $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att =
-
使用jquery动态加载Js文件和Css文件
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助. Jquery动态加载Js和Css扩展方法 $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].r
-
jquery动态加载js三种方法实例
复制代码 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
-
使用jQuery动态加载js脚本文件的方法
它们很强大,但有时候也会得不偿失.如果你使用的是jQuery,它里面有一个内置的方法可以用来加载单个js文件.当你需要延迟加载一些js插件或其它类型的文件时,可以使用这个方法.下面就介绍一下如何使用它! 一.jQuery getScript()方法加载JavaScript jQuery内置了一个方法可以加载单一的js文件:当加载完成后你可以在回调函数里执行后续操作.最基本的使用jQuery.getScript的方法是这样: 复制代码 代码如下: jQuery.getScript("/path/t
-
使用jquery动态加载js文件的方法
方法很简单,这里就不多废话了,直接奉上代码: 复制代码 代码如下: $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].repl
-
三种动态加载js的jquery实例代码另附去除js方法
复制代码 代码如下: !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.
-
jquery及js实现动态加载js文件的方法
本文实例讲述了jquery及js实现动态加载js文件的方法.分享给大家供大家参考,具体如下: 问题: 如果用jquery append直接加载script标签的话,会报错的.除了document.write外,还有没有其他的比较好的动态加载js文件的方法. 解决方法: 1.jquery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后,并执
-
动态加载js、css等文件跨iframe实现
1.动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js.css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式调用同级 parent.parentFram("这个方法在调用其他子farme"); 1.jquery的append() 复制代码 代码如下: 速度快,同步(需要引入jquery) var oBody = docum
随机推荐
- jQuery循环滚动新闻列表示例代码
- java正则表达式表单验证类工具类(验证邮箱、手机号码、qq号码等)
- Python序列化基础知识(json/pickle)
- MVC HtmlHelper扩展类(PagingHelper)实现分页功能
- Javascript代码混淆综合解决方案-Javascript在线混淆器
- 当mysqlbinlog版本与mysql不一致时可能导致出哪些问题
- vue-cli+webpack记事本项目创建
- 详解基于java的Socket聊天程序——初始设计(附demo)
- jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
- C#实现简单获取及设置Session类
- Android自定义View实现验证码
- javascript对数组的常用操作代码 数组方法总汇
- ReactJS实现表单的单选多选和反选的示例
- PHP实现的一致性HASH算法示例
- js动态引入的四种方法
- VMWare12中安装苹果Mac OS X图文教程
- 微信小程序实现两边小中间大的轮播效果的示例代码
- 使用golang获取linux上文件的访问/创建/修改时间
- Python实现数据可视化看如何监控你的爬虫状态【推荐】
- 利用chrome浏览器进行js调试并找出元素绑定的点击事件详解