</script>引入的两个js是不可以相互调用的。那么该如何解决呢?当然,你可以将代码通通copy过来,也许你并不喜欢这样。例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法" />
当前位置:首页 > 日记 > 正文

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

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

我们知道,在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>之后加入引用语句。如下:

<html>  <body>   <input type="button" value="ok" onclick="javascript:b()">  </body>  <!--这里引用要放在body下面-->  <script language="JAVASCRIPT" src='b.js'></script>  </html>

  b.js文件如下:

new_element=document.createElement("script");  new_element.setAttribute("type","text/javascript");  new_element.setAttribute("src","a.js");// 在这里引入了a.js  document.body.appendChild(new_element);  function b() {   a();  }

  在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文件中的方法了。

补充(详解)

  方法一,在调用文件的顶部加入下例代码:

document.write(”<script language=javascript src='/js/2.js'><\/script>”);

  方法二:在将下边代码放入Body中:

new_element=document.createElement(”script”);new_element.setAttribute(”type”,”text/javascript”);new_element.setAttribute(”src”,”2.js”);document.body.appendChild(new_element);

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

注意:<script language=”JAVASCRIPT” src='1.js'></script>一定要放在body下面。
   因为在2.js中用到了body(document.body.appendChild(new_element);)
   如果将引如2.js的代码放在body上面,也就是说,
   进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。
   这时body不存在就会抛javascript错误。

好了以上就是小编为大家整理的一个Js文件函数中调用另一个Js文件函数的方法的内容了。希望对大家的学习有所帮助,也希望大家继续支持~

相关文章

PHP实现腾讯与百度坐标转换

PHP实现腾讯与百度坐标转换

坐标转换,百度,腾讯,电脑软件,PHP,废话不多说,直接上代码public function coordinate_switch($a,$b){//百度转腾讯坐标转换 $x = (double)$b - 0.0065; $y = (double)$a - 0.006; $x_pi = 3.14159265358979324; $z = sqrt($x * $x+$y * …

如何在Word2003文档修改修改添加备

如何在Word2003文档修改修改添加备

修改,文档,备忘录,如何在,电脑软件,一般来说,评审会修改原文件的内容,你可以添加注释的修改的地方。这是修订后的功能的话,这主要是因为我们之前的话使方便。以下是小编辑给你带来了关于修订内容在帮助你希望添加一个文件格式。 内容之前修改…

php实现中文转数字

php实现中文转数字

中文,转数,电脑软件,php,分享一个辅助函数,使用php尽可能识别出字符串中的数字,先上代码function checkNatInt($str) { $map = array( '一' => '1','二' => '2','三' => '3','四' => '4','五' => '5','六' => '6…

cdr中想要制作艺术蜡笔效果的?

cdr中想要制作艺术蜡笔效果的?

蜡笔,效果,艺术,电脑软件,cdr,cdr中想要制作一个蜡笔画效果的图,该怎么给图片制作蜡笔效果呢?下面我们就来看看详细的教程。软件名称:CorelDraw x6 (Cdr x6) 官方简体中文破解版(32位)安装图文教程、破解注册方法软件大小:更新时间:2014-08-271、…

PS淘宝金属皮带扣图形美化过程共享

PS淘宝金属皮带扣图形美化过程共享

淘宝,图形,过程,电脑软件,PS,版权:原作者JamesVin 感谢JamesVin 原有的经验分享! PS淘宝金属皮带扣的朋友照片修饰美化过程分享的整个过程,金属皮带扣的修饰和美化材料,包括抠图、分类、运动模糊、噪声+灯+面膜11部分,强调的是实用,初学者可能会…

JavaScript 网页中实现一个计算当

JavaScript 网页中实现一个计算当

网页,计算,倒数,还剩,当年,看到网上这个程序 发现了处错误这里改正了一下:function counter() { var date = new Date(); var year = date.getFullYear(); var date2 = new Date(year, 11, 30, 23, 59, 59); /*转换成秒*/ var tim…

根号怎么打?Word中怎么打根号2和根

根号怎么打?Word中怎么打根号2和根

根号,电脑软件,Word,在数学运算中我们经常需要运算到根号(&radic;),根号看似简单,但要你在电脑中打出根号符号,相信对于很多菜鸟朋友来说并不是一件的简单的事情,虽然在网上有个最简答的方法:直接在网上搜索根号符号,很多网页上均有直接复制即可,…

JS实现禁止高频率连续点击的方法【

JS实现禁止高频率连续点击的方法【

连续,语法,方法,高频率,电脑软件,本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考,具体如下:1、类似react的数据流,点击之后立即设置值为空,当返回值后才可以点击2、设置定时器,每次进入之前先清空掉定时器,然后开启定时器<…

在Ajax请求中解决数组的问题

在Ajax请求中解决数组的问题

数组,请求,电脑软件,Ajax,我们都应该注意,当我们用数组在ajax请求中发送数据时,我们不能像普通JSON数据那样直接发送数据。 例如,有这样的数据需要返回到后台: { 行:22, resourcejson :{ { carcapacity :223, 车号:123 DriverInfo: 123 FailReason: …

IIS不支持含中文的url解决方法

IIS不支持含中文的url解决方法

解决方法,中文,不支持,电脑软件,IIS,iis 不能下载包含中文文件名的rar文件最近发现IIS不能下载中文名称的文件,觉得很奇怪。版本:windows2003server+iis6应该是没问题的啊。上网查了一下,说:在运行里打开注册表:桌面左下角“开始”菜单,运行,输入…

手把手教你如何安装计算机双系统

手把手教你如何安装计算机双系统

双系统,安装,手把手,教你如何,电脑软件,  今天小编提供的重装双系统所有操作都是在xp环境中完成的,在win7环境下做的演示,在xp系统中操作方法是一样的。不过要双系统安装注意顺序,只能是从xp到win7,而不能从win7到xp,否则会只能默认进入win7系…

win10如何重置系统

win10如何重置系统

系统,重置,电脑软件,在Windows10的&ldquo;设置 - 更新和安全 - 恢复&rdquo;界面有&ldquo;重置此电脑&rdquo;功能,微软对重置功能的介绍是:如果你的电脑运行异常,重置电脑可能会有所帮助。重置时,你可以选择是保留你的文件还是删除它们,然后再重…