`

在js文件里引入其他js文件

 
阅读更多

第一个js文件(被引入的js文件),文件名one.js,内容如下

function alertInOne(){
     alert('in one');
}

 

第二个js文件,文件名two.js,内容如下

document.write(unescape("%3Cscript language='javascript' src='one.js'%3E%3C/script%3E"));
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文件有非英文,数字的时候。

 

 

分享到:
评论

相关推荐

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

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

    vue引入静态js文件的方法

    1、在public文件夹下创建config.js文件,里面文件的语法是es5,不允许使用浏览器不能兼容的es6语法。因为该文件不进行编译,es6部分语法浏览器不兼容。 2.、在html文件下,使用标签进入 3、在页面直接按照原生的方法...

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

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

    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的文件位置...

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

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

    js文件动态引入

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

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

    vue源文件vue.js

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

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

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

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

    单文件HTML本地引入elementUI

    在HTML文件的`&lt;body&gt;`标签的底部(通常在`&lt;/body&gt;`之前),引入`lib/js`目录下的`element-ui.js`或`element-ui.min.js`,并确保已经引入了JavaScript运行环境,比如ECMAScript 5或以上版本: ```html ...

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

    由于 JavaScript 基于安全考虑,不允许直接操作本地文件,因此需要使用插件或其他方式来实现文件保存。基于 FileSaver.js 插件实现保存文件到本地的方法是目前最流行和最可靠的方法之一。 FileSaver.js 插件是一个...

    引入echarts。js文件 可直接开发

    aa

    react基本引入文件

    里面有五个文件,如果用的是react15版本的就引入react.min.js,react-dom.min.js,browser.min.js;要是用react16版本的就引入react.production.min.js,react-dom.production.min.js,dom.min.js,browser.min.js三个...

    动态加载外部JS文件

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

    html实现js文件md5

    2. **引入JavaScript库**:在HTML页面中,通过`&lt;script&gt;`标签引入jQuery.js和spark-md5.js。jQuery库可以帮助简化DOM操作,而spark-md5.js则是计算MD5的关键。 3. **监听文件选择事件**:使用jQuery监听文件选择器...

    javascript md5加密 js文件

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

    微信小程序引入日历组件引入的moment.js文件

    微信小程序引入日历组件时引入的moment.js文件,获取日期

    使用ztree构建树形菜单,需要引入的js及样式文件

    在引入JS文件后,为了保证ZTree的正常显示,必须引入此样式文件。 2. 可能还需要一些自定义的皮肤CSS文件,如 `skin.css`。ZTree提供了多种预设皮肤,开发者可以根据项目需求选择合适的皮肤,或者自定义皮肤来满足...

    clipboard引入JS文件

    标题中的“clipboard引入JS文件”指的是使用clipboard.js这个JavaScript库来实现在网页中方便地复制文本内容到用户的剪贴板。clipboard.js是一个轻量级、易于使用的库,它简化了HTML5的`navigator.clipboard` API,...

Global site tag (gtag.js) - Google Analytics