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);
}
分享到:
相关推荐
在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...
当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...
JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。 希望下面的方法对你有帮助。 (1)使用JavaScript动态加载Js文件 /*JavaScript动态...
1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...
动态加载JS文件和CSS文件,多浏览器支持。多个JS文件同时加载,加载完成后执行回调方法。 使用方法: var loader=new RemoteLoader(); loader.loadFiles(["yy.js","jj.jus"],作用域);
动态加载css文件 加载css文件通过创建link元素,并设置其rel属性为stylesheet,type属性为text/css,以及href属性为css文件的路径。示例代码如下: ```javascript function loadCssFile(url){ var link = ...
// 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]...
- 可以进一步优化组件,支持加载CSS文件或其他类型的资源。 - 添加错误处理机制,如监听`onerror`事件。 - 提供更灵活的配置选项,如允许用户自定义`<script>`标签的其他属性。 7. **最佳实践** - **异步加载**...
JavaScript提供了一种方式,让我们能够在运行时根据需要异步加载CSS文件。以下将详细解释如何使用JavaScript实现动态加载CSS,并探讨其应用场景和优化策略。 首先,我们来看一个简单的JavaScript函数,用于动态添加...
当`isJS`为`false`时,该方法创建一个`<link>`标签,用于引入外部CSS文件。具体步骤如下: - 创建一个`HtmlGenericControl`实例,并将其标签名称设置为`"link"`。 - 使用`Attributes.Add`方法添加CSS文件的类型、...
动态加载CSS的方法主要有两种:使用`<link>`标签的`rel="preload"`属性和使用JavaScript动态创建`<link>`标签。 1. 使用`<link rel="preload">`: 这是一种HTML5的预加载特性,可以提前加载关键资源,如CSS。在`...
首先,让我们了解一下如何动态加载CSS文件。在JavaScript中,我们可以创建一个新的`<link>`元素,设置其`rel`属性为`stylesheet`,`type`属性为`text/css`,`href`属性指向CSS文件的URL。然后,将这个新创建的`...
这种技术通常被称为“文件合并与压缩”,它将多个js和css文件合并为一个文件,并去除其中不必要的空白、注释以及进行其他优化,以减小文件大小。下面将详细介绍这一过程及其相关知识点。 首先,我们要了解为什么要...
在网页开发中,视频播放功能是一项重要的组成部分,而"Video需要的js和css文件"这个主题则涉及到在网页上实现视频播放所必需的JavaScript库和样式表文件。在这个压缩包中,我们找到了三个核心文件:video.min.js,...
JavaScript 动态加载 CSS 是网页开发中一种常用的技术,它允许开发者在运行时根据需要引入 CSS 文件,提高页面性能和用户体验。以下是对标题和描述中所述知识点的详细说明: 1. **@import 语句**: 在 CSS 文件中...
1. 动态加载CSS文件的实现原理和步骤: - 首先,我们需要确定一个函数来处理CSS文件的动态加载,通常这个函数会接收一个参数,即CSS文件的URL路径。 - 接着,我们需要获取页面中的标签,这通常是通过document....
在ASP.NET开发中,动态引用和添加JS及CSS文件是一项常用且重要的技能,尤其是在需要根据运行时条件加载不同样式或脚本的情况下。本文将详细解析如何在ASP.NET后台代码中实现这一功能,确保网页能够根据实际需求灵活...