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

男娘i 2021-09-12 01:54 666阅读 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 条评论，666人围观）

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

相关阅读

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

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

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

相关 java中调用js函数的方法

有时候由于一些不能说的原因，可能会遇到需要在java代码中调用js函数的场景，下面就来说说如何调用吧。首先说明一点，java不支持浏览器本身

电玩女神/ 2023年03月14日 05:47/ 0 赞/ 76 阅读

相关 JS中的(IIFE)(立即调用函数)

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

小灰灰/ 2023年01月22日 05:59/ 0 赞/ 58 阅读

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

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

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

相关 js调用方法中的方法

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

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

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

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

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

相关 js函数调用

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

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

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

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

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

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

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

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

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

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

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