`
joshokn
  • 浏览: 103496 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript中的import[转自嘟嘟老窝]

阅读更多
(若有侵犯请及时通知,此资料只是用作学习笔记)
//******************************************************
// 包含文件 用法: $import('../include/mian.js', 'js');
//                 $import('../style/style.css', 'css');
//******************************************************
function $import(path, type){
	var i, 
      base, 
      src = "common.js", 
      scripts = document.getElementsByTagName("script"); 

 for (i = 0; i < scripts.length; i++) {
      if (scripts[i].src.match(src)) {
          base = scripts[i].src.replace(src, "");
          break;
      }
  }
 
  if (type == "css") {
      document.write("<" + "link href=\"" + base + path + "\" rel=\"stylesheet\" type=\"text/css\"></" + "link>");
  } else {
      document.write("<" + "script src=\"" + base + path + "\"></" + "script>");
  }
}


//******************************************************
// 判断类型
//******************************************************
function isAlien(a) {
  return isObject(a) && typeof a.constructor != 'function';
} 

function isArray(a) {
  return isObject(a) && a.constructor == Array;
}

function isBoolean(a) {
  return typeof a == 'boolean';
}

function isEmpty(o) {
  var i, v;
  if (isObject(o)) {
    for (i in o) {
      v = o[i];
      if (isUndefined(v) && isFunction(v)) {
        return false;
      }
    }
  }
  return true;
}

function isFunction(a) {
  return typeof a == 'function';
}

function isNull(a) {
  return typeof a == 'object' && !a;
}

function isNumber(a) {
  return typeof a == 'number' && isFinite(a);
}

function isObject(a) {
  return (a && typeof a == 'object') || isFunction(a);
}

function isString(a) {
  return typeof a == 'string';
}

function isUndefined(a) {
  return typeof a == 'undefined';
}
分享到:
评论
1 楼 joshokn 2006-11-05  
下面是ACTIVEMQ是如何实现的js中import方法的

var _AMQ_INCLUDE = {
  Version: 'AMQ JS',
  script: function(libraryName) {
    document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
  },
  load: function() {
    var scriptTags = document.getElementsByTagName("script");
    for(var i=0;i<scriptTags.length;i++) {
      if(scriptTags[i].src && scriptTags[i].src.match(/amq\.js$/)) {
        var path = scriptTags[i].src.replace(/amq\.js$/,'');
        this.script(path + 'prototype.js');
        this.script(path + 'behaviour.js');
        this.script(path + '_amq.js');
        // this.script(path + 'scriptaculous.js');
        break;
      }
    }
  }
}

很雷同

相关推荐

    JavaScript中import用法总结

    JavaScript中的import语句用于导入其他JavaScript文件(模块)中导出的函数、对象、变量或类,这是一种ES6(ECMAScript 2015)引入的模块化编程规范。 一、基本用法: import关键字用于在当前JavaScript模块中声明...

    JavaScript中使用import 和require打包后实现原理分析

    JavaScript在早期并没有内置的模块化解决方案,随着ES6标准的推出,引入了import和export关键字,这为JavaScript模块化提供了语言层面的支持。然而,在浏览器端直接运行ES6模块化的代码存在一定的兼容性问题,因此,...

    javascript中文参考手册

    随着JavaScript的发展,ES6(ECMAScript 2015)引入了许多新特性,如类(class)、箭头函数(=&gt;)、模板字符串(`)、解构赋值、模块(import/export)、Promise对象、生成器(generator)等,大大提高了代码的...

    javascript import css实例代码

    在给出的文件信息中,提到了一种使用JavaScript动态导入CSS的方法,也就是通过`insertRule`方法在样式表中添加一条@import规则。下面,我们将详细探讨这个过程涉及的知识点。 首先,`insertRule`方法是用于向样式表...

    一文让你彻底搞清楚javascript中的require、import与export

    本文主要给大家介绍了关于javascript中require、import与export的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 为什么有模块概念 理想情况下,开发者只需要实现核心的业务逻辑,...

    javascript同步Import,同步调用外部js的方法

    在讨论JavaScript中的同步Import和同步调用外部JavaScript文件之前,我们需要先理解几个关键概念:同步与异步代码执行、模块导入方式以及在Web开发中引用外部资源的方法。在现代Web开发中,为了提高页面加载性能和...

    JavaScript精华(常用JavaScript模块)

    在JavaScript中,我们可以使用CommonJS(Node.js环境)或ES6的导入导出(import/export)语法来实现模块化。CommonJS常用于服务器端,通过`require()`函数加载模块,而ES6模块则在浏览器和现代Node.js环境中使用,...

    像import java类一样 import js类

    标题“像import java类一样 import js类”暗示了这篇博文主要讨论的是JavaScript中引入模块的方式,尝试模拟Java的导入机制。在JavaScript的世界里,我们通常使用`require`(Node.js环境)或`import`(ES6及以后版本...

    gulp-coimport:处理css文件中 @ import。递归处理css文件中的@ import,自动合并为一个css文件

    处理css文件中 @import。递归处理css文件中的@import,自动合并为一个css文件。 Features 支持 css样式文件 支持 @import 递归处理 支持线上的import url 自动下载再合并 Usage var gulp = require('gulp'); var co...

    VisualStudioCode插件实现在导入语句中输入时提示JavaScriptTypeScript模块

    启用插件后,在编写JavaScript或TypeScript代码时,当你开始输入`import`或`require`语句时,VSCode会根据项目中的模块和依赖包自动列出可导入的模块和成员。例如,如果你正在导入`lodash`库,你只需键入`import _ ...

    Javascript关键字及保留字

    6. **import/export**:在ES6中引入的模块导入导出机制,原本是保留字。 在JavaScript中,为了提高代码可读性和一致性,常常会使用**匈牙利类型标记法**。这是一种前缀命名约定,通过变量名的前几个字母来表示其...

    javaScript经典实例

    描述中提到“内容丰富”,意味着这个压缩包可能包含了各种类型的JavaScript应用场景,包括但不限于DOM操作、事件处理、动画效果、表单验证、AJAX请求、JSON处理、函数与闭包、对象与原型链、异步编程、模块化、以及...

    VS2015安装证书,JavaScript_ProjectSystem.msi,JavaScript_LanguageService.msi

    在这个场景中,我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件:JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先,关于“VS2015安装证书”,这通常是指安装过程中需要...

    前端开源库-import-sort-parser-babylon

    `import-sort-parser-babylon` 是一款专门针对JavaScript导入语句进行自动排序的工具,它利用了Babylon这个强大的JavaScript解析器来解析和理解代码结构。这个开源库的核心目标是帮助开发者遵循一致的导入顺序,从而...

    前端开源库-import-export

    "import-export" 提供了在Node.js环境中使用ECMAScript 6(ES6)的导入/导出语法的能力,使得代码更加简洁且易于管理。本文将深入探讨前端开源库"import-export"及其在实际应用中的使用方法。 首先,让我们理解一下...

    JavaScript ES6中export、import与export default的用法和区别

    相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在看他们之间的区别之前,我们先来看看它们的用法。 ES6 import和export的用法 ES6之前已经出现了js模块加载的方案,最主要的是...

    vite5+vue3+ import.meta.glob动态导入vue组件

    `import.meta.glob` 是 Vite 的一个元信息对象,它可以用来动态导入项目中的所有匹配指定模式的文件。例如,如果你有一个 `src/components` 目录,里面包含许多 Vue 组件,你可以使用 `import.meta.glob` 来一次性...

    JavaScript手册-中文.chm

    比较全面和严谨的且包含很多中文的部分,打开后请点击: 开始看 Enter&gt;&gt; 进入JavaScript目录

    《精通JavaScript》

    3. **继承**:JavaScript中的继承主要通过原型链实现。子类可以通过将父类的实例设置为其原型来继承父类的属性和方法。 #### 五、异步编程与模块化 1. **异步编程**:JavaScript是单线程的,为了不阻塞主线程,...

Global site tag (gtag.js) - Google Analytics