`
joshokn
  • 浏览: 102814 次
  • 性别: 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开发中,为了提高页面加载性能和...

    像import java类一样 import js类

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

    Atom-import-js,简化导入js模块的工具。对Galooshi/Import的贡献.zip

    Atom-import-js是一个专门为Atom文本编辑器设计的插件,它基于Galooshi/Import项目,旨在简化JavaScript模块的导入过程。这个工具对于开发者来说非常实用,因为它自动化了手动添加和组织模块导入语句的繁琐任务,...

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

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

    Atom-atom-import-js,用于importjs的atom插件。对Galooshi/Atom的贡献.zip

    Atom-atom-import-js 是一个专为 Atom 文本编辑器设计的插件,它与 Galooshi/Atom 社区...如果你是JavaScript开发者并且经常处理import语句,那么这个插件将是一个非常实用的工具,值得尝试和添加到你的开发工具箱中。

    Javascript关键字及保留字

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

    JavaScript学习指南 高清 PDF

    8. **模块系统**:模块是JavaScript组织代码的方式,ES6引入了import和export语法,使得代码更易维护和复用。 9. **错误处理**:了解try...catch语句和throw关键字,能够有效捕获和处理运行时错误,提高代码健壮性...

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

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

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

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

    前端开源库-import-export

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

    详解webpack import()动态加载模块踩坑

    此外,`import()` 中的相对路径是相对于当前执行 `import()` 语句的文件。这意味着在封装高阶函数时,需要考虑路径的相对性,因为编译后的路径会变成 Webpack 命令执行目录的相对路径。这可能会导致路径解析的问题,...

    效率非常快的java读取javascript,附带源码和js.jar

    ",展示了如何在Java中使用Rhino执行简单的JavaScript。 Rhino还提供了`Context`类,它提供了更底层的API来控制JavaScript环境的各个方面,如错误处理、优化级别等。此外,Rhino支持动态加载JavaScript文件,这样...

    前端开源库-eslint-plugin-import-order-alphabetical

    `ESLint` 是一个流行的静态代码分析工具,它可以检查JavaScript代码中的语法错误、潜在问题以及不符合特定编码风格的地方。通过安装和配置`eslint-plugin-import-order-alphabetical`,开发者可以自定义`ESLint`规则...

Global site tag (gtag.js) - Google Analytics