使用javaScript动态加载Js文件和Css文件
JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。
希望下面的方法对你有帮助。
(1)使用JavaScript动态加载Js文件
/*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ document.head.appendChild(scriptNode);
(2)使用JavaScript动态加载css文件
/*JavaScript动态加载Css文件*/ var cssNode = document.createElement('link'); cssNode.rel = 'stylesheet'; cssNode.type = 'text/css'; cssNode.media = 'screen'; cssNode.href = 'style.css?t='+new Date().getTime();/*附带时间参数,防止缓存*/ document.head.appendChild(cssNode);
以上就是使用javaScript动态加载Js文件和Css文件的方法,希望对大家的学习有所帮助。
相关推荐
-
javascript 文件的同步加载与异步加载实现原理
HTML 4.01 的script属性 charset: 可选.指定src引入代码的字符集,大多数浏览器忽略该值. defer: boolean, 可选.延迟脚本执行,相当于将script标签放入页面body标签的底部,js脚本会在document的DOMContentLoaded之前执行.除IE和较新版本的Firefox外,其他浏览器并未支持. language: 已废弃.大部分浏览器会忽略该值. src: 可选.指定引入的外部代码文件,不限制后缀名. type: 必选.指定脚本的内容类型(M
-
异步动态加载js与css文件的js代码
jquery动态加载css,js文件方法简单很, 例 方法1: 代码如下 复制代码 代码如下: $.getscript("test.js"); 方法2: 代码如下 复制代码 代码如下: function loadjs(file){ var head = $('head').remove('#loadscript'); $("<scri"+"pt>"+"</scr"+"ipt>").a
-
JS 动态加载js文件和css文件 同步/异步的两种简单方式
/*动态添加js或css,URL:文件路径,FileType:文件类型(js/css)*/ function AddJsFiles(URL,FileType){ var oHead = document.getElementsByTagName('HEAD').item(0); var addheadfile; if(FileType=="js"){ addheadfile= document.createElement("script"); addheadfile
-
如何实现JavaScript动态加载CSS和JS文件
项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link =
-
动态加载js和css(外部文件)
复制代码 代码如下: // 动态加载外部js文件 var flag = true; if( flag ){ loadScript( "js/index.js" ); }; function loadScript( url ){ var script = document.createElement( "script" ); script.type = "type/javascipt"; script.src = url; document.get
-
使用javaScript动态加载Js文件和Css文件
JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明. 希望下面的方法对你有帮助. (1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ documen
-
javascript中动态加载js文件多种解决办法总结
一个比较全部在动态加方法 复制代码 代码如下: /* 动态加载js v1.0 by:dum 用法:src="webJsBase.js?load=a,b" 注:加载本目录下js*/var webJsBase = { require: function(libraryName) { document.write('<script type="text/javascript" src="'+libraryName+'
-
动态加载js文件简单示例
本文实例讲述了动态加载js文件的方法.分享给大家供大家参考,具体如下: function loadScript(url){ var hd = document.getElementsByTagName('head')[0], js = document.createElement('script'); js.src = url; js.type = "text/JavaScript"; if(js.addEventListener){ js.addEventListener("
-
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动态加载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
随机推荐
- SQLite 中文指南之FAQ第1/6页
- SQL Server数据库入门学习总结
- mysql中TINYINT的取值范围
- 前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例
- 服务器常用批处理代码 原创
- Java concurrency集合之ConcurrentSkipListMap_动力节点Java学院整理
- PHP基于GD库实现的生成图片缩略图函数示例
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- python实现二维码扫码自动登录淘宝
- 利用forever和pm2部署node.js项目过程
- java、javascript实现附件下载示例
- 安装Nginx+Lua开发环境
- jQuery移除或禁用html元素点击事件常用方法小结
- 对超级脚本病毒的构思
- Android的广播Receiver动态注册和静态注册示例
- Java开发之Spring连接数据库方法实例分析
- java中out.print和out.write的方法
- Javascript控制页面链接在新窗口打开具体方法
- php错误级别的设置方法
- Android中实现滑动的七种方式总结