`

简单的动态加载 js 和 css

阅读更多

function importJs(filename)
{
    var ref = document.createElement("script");
    ref.setAttribute("type", "text/javascript");
    ref.setAttribute("src", filename);

    if (typeof ref != undefined)
         document.getElementsByTagName("head")[0].appendChild(ref);
}
function importCss(filename)
{
    var ref=document.createElement("link");
    ref.setAttribute("rel", "stylesheet");
    ref.setAttribute("type", "text/css");
    ref.setAttribute("href", filename);

    if (typeof ref != undefined)
         document.getElementsByTagName("head")[0].appendChild(ref);
}

分享到:
评论

相关推荐

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

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

    动态加载Css 浏览器判断

    在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...

    webview 加载js ,css

    下面我们将深入探讨如何在Android的WebView中加载和使用JS、CSS以及它们带来的优势。 1. Android WebView加载HTML Android的WebView可以通过调用`loadData()`或`loadDataWithBaseURL()`方法加载HTML字符串,或者...

    html延迟加载JS和CSS

    在给定的文件`lazyLoadJC.js`中,可能实现了一个JavaScript库,用于延迟加载JS和CSS资源。这个库可能包含以下功能: 1. 检测浏览器兼容性,确保在IE6及更高版本上运行。 2. 针对JavaScript的延迟加载,可能使用了`...

    javascript、css动态加载工具

    javascript、css动态加载工具

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

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

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

    (1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...

    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 动态加载js文件和css文件 同步/异步的两种简单方式

    动态加载js文件可以通过创建一个script元素,并将其src属性设置为需要加载的js文件的路径。示例代码如下: ```javascript function loadJsFile(url,FileType,successCallback){ var script = document....

    实用的loading数据加载 js+css

    本资源提供了一种实用的js(JavaScript)与css(Cascading Style Sheets)结合实现的加载动画,旨在提升用户体验,减少用户等待时的不耐烦感。下面将详细介绍如何利用JavaScript和CSS来创建一个美观且实用的加载效果...

    延迟加载JS/CSS

    延迟加载(Lazy Load)是一种...7. **总结**:延迟加载JS和CSS是现代Web开发中的重要优化手段,它通过按需加载策略,平衡了用户体验、性能和资源消耗。理解并掌握这种技术,对于创建高性能、响应迅速的网站至关重要。

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

    动态加载js和css不仅可以提高页面的加载效率,还可以增强用户体验。当页面需要根据用户的操作或应用的状态动态改变时,可以通过这种方式来优化资源的加载,从而保证页面的性能。 了解和掌握了动态加载外部js文件和...

    一个简单的动态加载js和css的jquery代码

    一个简单的动态加载js和css的jquery代码,用于在生成页面时通过js函数加载一些共通的js和css文件。 //how to use the function below: //$.include('file/ajaxa.js');$.include('file/ajaxa.css'); //or $.include...

    javascript实现动态加载CSS.docx

    以下将详细解释如何使用JavaScript实现动态加载CSS,并探讨其应用场景和优化策略。 首先,我们来看一个简单的JavaScript函数,用于动态添加CSS链接到页面头部: ```javascript function addStyle(stylePath) { ...

    动态添加css或js链接

    在Web开发过程中,我们经常会遇到需要动态加载样式表(CSS)或脚本(JavaScript)的情况。这种方式不仅能够提高页面的加载速度,还可以实现更加灵活的功能。本文将详细介绍如何在ASP.NET Web Forms中动态添加CSS或JS...

    JS和CSS和C++互相调用

    标题 "JS和CSS和C++互相调用" 涉及到的是三种不同的编程语言——JavaScript、CSS和C++在Web开发中的交互性问题。在现代Web开发中,这种跨语言交互是实现复杂功能和高性能应用的关键。让我们深入探讨一下这三者之间的...

    flex动态加载css实例

    动态加载CSS的方法主要有两种:使用`<link>`标签的`rel="preload"`属性和使用JavaScript动态创建`<link>`标签。 1. 使用`<link rel="preload">`: 这是一种HTML5的预加载特性,可以提前加载关键资源,如CSS。在`...

    js 动态加载网页样式

    总结一下,动态加载网页样式是通过JavaScript(尤其是jQuery)来实现实时更改CSS样式,提高用户体验。通过结合`jquery.cookie.js`,我们可以将用户的个性化选择保存在Cookie中,使得刷新页面后仍然能够保持用户定制...

    使用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 = ...

Global site tag (gtag.js) - Google Analytics