`
rayln
  • 浏览: 434239 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Js动态导入js文件

 
阅读更多
var plugin = [
	"lib/plugin/jquery.lazyload.min.js",
	"js/common.js",
];
var modules = [
];
var frame = {
	//可动态加载css,js文件,支持同步和异步
	include: function(file,sync) {
		//sync判断同步还是异步, true为同步, False为异步
		if(typeof(sync)=="undefined" || sync==null){
			sync = false;
		}
        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") + "='" + name + "'";
            var name = "<" + tag + attr + link + "></" + tag + ">";
            if(!sync){
            	//异步加载
            	document.write(name);
            }else{
            	//同步加载
            	$(document).append(name);
            }
        }
    }
}
$(function(){
	frame.include(plugin,true);
});
分享到:
评论

相关推荐

    js动态引入外部js脚本并获取里面的变量值.pdf

    在JavaScript编程中,有时我们需要在运行时动态地加载外部JavaScript文件,并且希望访问这些文件中的变量或函数。这种需求在处理模块化开发、按需加载或者处理第三方库时尤为常见。"js动态引入外部js脚本并获取里面...

    动态加载外部JS文件

    在传统的HTML中,JavaScript文件通常通过`&lt;script&gt;`标签在页面头部或者body中引入。这种方式会使得浏览器在解析到`&lt;script&gt;`标签时暂停HTML的渲染,等待JavaScript文件加载和执行完毕。动态加载则改变了这一模式,它...

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    js文件动态引入

    js文件动态引入O(∩_∩)O哈哈~,根据程序运行不同状态动态引入不同js

    单页面的js文件动态加载组件

    js文件动态加载是通过JavaScript代码在需要时按需加载外部JavaScript文件的一种技术。这样可以减少初始页面加载时间,提高用户体验,因为不是所有的代码都在页面加载时就需要执行。有几种常见的方法可以实现动态加载...

    vue动态加载js.zip

    Vue动态加载JS是一种实现这一需求的技术,它允许我们在运行时根据需要加载JavaScript文件。本文将深入探讨Vue动态加载JavaScript的原理、方法以及其实现步骤。 首先,我们需要理解Vue动态加载的核心概念。在HTML中...

    javascript实现动态导入js与css等静态资源文件的方法

    在JavaScript中,动态导入js和css等静态资源文件是一种提高页面加载效率的策略。它允许我们在需要时才加载相应的资源,而不是一次性加载所有文件。这有助于优化用户体验,尤其是在处理大型项目或按需加载功能时。...

    vue动态加载外部依赖js代码实现

    在前端开发中,有时我们需要动态地加载外部JavaScript库或脚本文件。特别是在构建大型Vue应用程序时,可能会遇到需要按需加载某些功能的情况,例如第三方库、API接口等。本文将详细介绍如何通过创建一个Vue组件来...

    JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】.docx

    JavaScript 实现写入文件到本地的方法【基于 FileSaver.js 插件】 JavaScript 实现写入文件到本地的方法是指在客户端使用 JavaScript 实现将文件保存到本地计算机的方法。由于 JavaScript 基于安全考虑,不允许直接...

    javascript md5加密 js文件

    在HTML文件中,可以通过`&lt;script&gt;`标签引入`md5.js`文件,或者在Node.js环境中通过npm安装后在代码中导入。例如: ```html &lt;script src="path/to/md5.js"&gt; ``` 或者在Node.js环境中: ```javascript const md...

    Vue中通过<script></script>引入的Vue.js文件

    &lt;script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"&gt; src里面的内容根据自己的下载的Vue.js的文件位置决定的,我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次这个版本...

    element.js文件

    "Element.js" 文件是JavaScript库中的一个重要组成部分,它通常用于构建用户界面,特别是在Web开发中。JavaScript是一种广泛使用的编程语言,用于实现客户端的交互性和动态功能。在网页中,JavaScript可以处理用户...

    一个Js文件函数中调用另一个Js文件函数的方法演示

    我们知道,在html中,利用[removed][removed]...若要实现这个功能,必须注意,将要引入的Js文件代码放在&lt;/body&gt;下面。  首先,我们在html中引入b.js,并在&lt;/body&gt;之后加入引用语句。如下: &lt;html&gt;

    javascript动态引入依赖的js及css文件

    通过在js中引入依赖的js及css文件,让我们在开发js时,使其能按自身的相对路径引入所需的依赖项(其他js及css)。使得在后期开发中,只需引入所需功能所在的js,而无需考虑其依赖的内容。

    动态显示当前时间的js

    在给定的压缩包中,`systime.js`可能是包含上述逻辑的JavaScript文件。而`js日期.html`很可能是HTML文件,其中通过`&lt;script&gt;`标签引入了`systime.js`,并且有一个特定的ID用于显示时间,例如: ```html ...

    js读取properties文件

    在JavaScript(JS)环境中,读取.properties文件通常用于处理配置数据或者本地化文本。这些文件在Java开发中广泛使用,但JavaScript同样可以借助一些库或技术来读取它们。下面我们将详细探讨如何在JavaScript中实现...

    js 动态引用外部js,css文件

    1. **动态创建`&lt;script&gt;`元素**:我们可以利用JavaScript创建`&lt;script&gt;`元素,并设置其`src`属性为所需JS文件的URL,然后将其插入到DOM中。这样,浏览器会解析到新的`&lt;script&gt;`元素并异步加载对应的文件。 ```...

    angularJs需要导入的JS文件

    AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google...是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、依赖注入等等。

    mqtt文件,里面的mqtt.min.js文件可以导入到小程序中使用

    2. **引入mqtt.min.js**: 在小程序的`app.js`或其他需要使用MQTT的地方,通过`require`或`import`引入该文件。例如: ```javascript const mqttClient = require('./lib/mqtt.min.js'); ``` 3. **创建MQTT客户端...

Global site tag (gtag.js) - Google Analytics