`
dreamstone
  • 浏览: 288481 次
  • 来自: ...
文章分类
社区版块
存档分类

在一个js文件中引入另一个js文件

阅读更多
第一个js文件(被引入的js文件),文件名one.js,内容如下
function alertInOne(){
    alert(
'in one');
}

第二个js文件,文件名two.js,内容如下
//注意这个地方
document.write("<script language='javascript' src='one.js'></script>");
function alertInTwo()
{
    alert(
"in Two");
}

调用的html文件,只需要引入two.js,就能引入one.js了
<script language='javascript' src="two.js"></script>
<script language="javascript">
    alertInOne();
    alertInTwo();
</script>

应用场合:
在平时开发的时候,我们都会有一些js文件的积累,大部份场合是不需要重新写的。
但我们会把js文件的功能尽可能的细分,以便引入的时候不引入无用的代码,但这样造成的问题是在jsp文件
中要写大量的这样的句子
<script language='javascript' src="two.js" charset="utf-8"></script>
如果你有100个jsp文件,都用到10个js文件,这个时候每个jsp文件写10句引入,这个是个麻烦的事情
现在,通过js文件的引入可以解决这个问题。定义一个js文件用来引入一些组合,jsp文件则只需要引入1个
这样的js文件就可以了。js代码少了100*99行

另外引入的js文件时候最好加上charset,特别是你的js文件有非英文,数字的时候。
事例的代码下载:http://www.blogjava.net/Files/dreamstone/importJs.rar

分享到:
评论

相关推荐

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

    例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能,必须注意,将要引入的Js文件代码放在&lt;/body&gt;下面。  首先,我们在html中...

    在js文件中引入(调用)另一个js文件的三种方法

    下面就总结下在js文件中引入另一个js文件的实现 方法一,在调用文件的顶部加入下例代码 function addScript(url){ [removed]([removed][removed]); } 注:有时你引用的文件还可能需要引用其他的js,我们需要将需要...

    JAVA JS文件中引用JS文件,引入GOOG MAP

    在JavaScript(JS)环境中,我们经常需要在一个文件中引用另一个文件来实现代码的模块化和重用。在本例中,我们将讨论如何在JAVA(JavaServer Pages)环境中使用JS文件,并特别关注如何引入Google Maps API。这篇...

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

    我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 &lt;script&gt; 标签引入。 格式就是: &lt;script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"&gt; src里面的内容根据自己的下载的Vue.js的文件位置...

    vue-cli3 js项目中引入ts混用typeScript1

    由于Vue CLI默认不理解`.vue`文件中的TypeScript语法,所以需要创建一个声明文件`vue-shim.d.ts`来解决这个问题。在项目根目录下创建此文件,并输入以下内容: ```typescript declare module "*.vue" { import Vue...

    net中引入外部js文件容易产生中文乱码

    首先,在 ASP.NET 中,可以在两个地方设置接受发送编码:一是在 Web.config 文件中加入 `&lt;system.web&gt;&lt;globalization requestEncoding="utf-8" responseEncoding="utf-8" /&gt;&lt;/system.web&gt;`,二是在 ASPX 页面文件中...

    vue引入静态js文件的方法

    由于build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。 vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、 具体操作如下: 1...

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

    FileSaver.js 插件是一个轻量级的 JavaScript 库,能够将文件保存到客户端的本地计算机。该插件使用 Blob 对象来生成文件,并使用 URL 对象来将文件保存到本地计算机。该插件支持多种文件类型,包括文本文件、图像...

    VUE---store中引入多modules/*.js 文件

    1. **创建模块文件**:在`store`目录下,为每个独立的业务领域或功能创建一个单独的JS文件,例如`moduleA.js`、`moduleB.js`。在这些文件中,定义各自的state、mutations、actions和getters。 ```javascript // ...

    将一个vue文件编译成js文件的工具

    Webpack会遍历项目中的所有`.vue`文件,应用相应的加载器和插件,最终生成一个或多个优化过的JavaScript文件。这些文件包含了Vue组件的实例化和渲染逻辑,可供浏览器执行。 7. **优化技巧**: - 使用懒加载(lazy ...

    html实现js文件md5

    在本示例中,"html实现js文件md5"指的是使用HTML页面结合JavaScript库来计算文件的MD5哈希值。...在实际应用中,可能还需要考虑错误处理、进度显示、多文件上传等情况,但这些基本步骤提供了一个良好的起点。

    js文件动态引入

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

    动态加载外部JS文件

    在给定的文件列表中,我们看到几个JavaScript文件(a.js、b.js、c.js、js4inc.js)和一个HTML文件(IncldueJsFile_Example.html)。这个例子可能是展示如何根据需要动态加载这些脚本。 例如,假设`IncldueJsFile_...

    vue.js文件,引入之后可以直接使用vue

    在描述中提到的"vue.js文件,引入之后可以直接使用vue",这意味着你已经获取到了Vue.js的源码文件,通常是一个名为`vue.js`的文件。这个文件包含了Vue框架的全部功能,可以直接在HTML页面中通过`&lt;script&gt;`标签引入,...

    antd单文件引入示例

    "ant-desgin-icons.js"和"ant-desgin-icons.min.js"是Ant Design图标库的JavaScript文件,提供了各种图标组件,可以在项目中直接使用。引入这些文件后,你可以方便地在antd组件中使用丰富的图标资源。 对于"antd-...

    vue.min.js 文件直接引入就可以

    vue源文件vue.js

    javascript md5加密 js文件

    在给定的“javascript md5加密 js文件”中,主要涉及的核心是`md5.js`这个JavaScript库,它提供了一个方便的方法来实现MD5哈希加密。以下是对这个库的一些详细解释: 1. **MD5.js库的引入**: 在HTML文件中,可以...

    React所需的三个js文件3--babel.min.js.zip

    在React的应用开发中,有三个关键的JavaScript文件通常会被用到:`react.js`、`react-dom.js`和`babel.min.js`。在这个场景中,我们只提到了`babel.min.js`,它是React开发中的一个重要组成部分。 `babel.min.js`是...

    单文件HTML本地引入elementUI

    在“单文件HTML本地引入ElementUI”的场景下,我们需要在不使用构建工具(如Webpack或Rollup)的情况下,仅通过一个HTML文件来加载并使用ElementUI的所有资源。这种做法适用于小型项目或者快速原型开发,它简化了...

Global site tag (gtag.js) - Google Analytics