Js文件中调用其它Js函数的方法

男娘i 2021-09-12 01:54 554阅读 0赞

我们知道，在html中，利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的。那么该如何解决呢？当然，你可以将代码通通copy过来，也许你并不喜欢这样。

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

首先，我们在html中引入b.js，并在</body>之后加入引用语句。如下：

1<html>　2<body>　3 <input type="button" value="ok" οnclick="javascript:b()">　4</body>　5　6　7<mce:script language="JAVASCRIPT" src="b.js" mce\_src="b.js"></mce:script>　8　9</html>　b.js文件如下：　1new\_element=document.createElement("script");　2new\_element.setAttribute("type","text/javascript");　3new\_element.setAttribute("src","a.js");// 在这里引入了a.js　4document.body.appendChild(new\_element);　5　6function b() \{　7 a();　8\}

在b.js文件中前4行代码中我们引入了a.js文件，并在第7行代码中调用了a.js代码中的a()方法。

让我们来分析一下关键的几句代码：首先，我们利用document.createElement("script")生成了一个script的标签，设置其type属性为text/javascript，src为a.js(这里的a.js同b.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。

转自:<a href='http://www.yuloo.com/jsjks/'>计算机培训网</a>

发表评论取消回复

表情：

评论列表（有 0 条评论，554人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS调用PHP和PHP调用JS的方法

JS调用PHP和PHP调用JS的方法 1、JS方式调用PHP文件并取得PHP中的值举一个简单的例子来说明: 如在页面test\_json1中用下面这句调用:

淡淡的烟草味﹌/ 2024年04月02日 04:09/ 0 赞/ 19 阅读

相关 js函数调用属性与方法的介绍

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] <script type="text/javascript"

怼烎@/ 2024年03月30日 15:45/ 0 赞/ 4 阅读

相关 python调用其它文件函数或类

B.py调用A.py的函数或类(B.py和A.py在同一个文件夹下) 调用函数 A.py文件: def add(x,y): print('和为:

小灰灰/ 2023年01月06日 05:46/ 0 赞/ 86 阅读

相关 nodejs中如何调用其他js文件的函数

两个目录，下面各一个js文件： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

た入场券/ 2022年12月01日 15:37/ 0 赞/ 472 阅读

相关 js调用方法中的方法

<!DOCTYPE html> <html> <head> <title>函数调用</title> <meta ch

港控/mmm°/ 2022年09月25日 01:16/ 0 赞/ 187 阅读

相关 js中的函数参数调用执行

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

深碍√TFBOYSˉ_/ 2022年07月13日 23:26/ 0 赞/ 172 阅读

相关 js函数调用

今天测试下js的函数调用方法首先， css: <style type="text/css"> body{ width: 100%;

- 日理万妓/ 2022年05月20日 03:17/ 0 赞/ 211 阅读

相关 JS中"&&"的其它用法

首先来了解一下 “&&”操作符的工作原理： “&&”连接两个表达式，当两侧表达式都为真时，返回TRUE。有一个为假则返回FALSE。那么实际运行时，JavaScript到

素颜马尾好姑娘i/ 2022年03月26日 04:40/ 0 赞/ 322 阅读

相关 Js文件中调用其它Js函数的方法

我们知道，在html中，利用<script language="javascript" type="text/javascript" src="./script.js"></s

男娘i/ 2021年09月12日 01:54/ 0 赞/ 555 阅读

相关 JS调用PHP和PHP调用JS的方法

JS调用PHP和PHP调用JS的方法 1、JS方式调用PHP文件并取得PHP中的值举一个简单的例子来说明: 如在页面test_json1中用下面这句调用:

朱雀/ 2020年07月01日 16:36/ 0 赞/ 992 阅读