JS互相调用

  • 例1：

      <html>
    
  <head>
    
  <meta charset="UTF-8">
    
  <script type="text/javascript" src="jslib/jquery.js"></script>
    
  <script type="text/javascript" src="js/b.js"></script>
    
  <script type="text/javascript" src="js/a.js"></script>

  <!--<script type="text/javascript">
    
    function b() {
    
  	alert(2);
    
  	a();
    
  	$("#result").html("我发生了变化");    //html() 在网页中书写

  }

  function a() {
    
  	alert(1);
    
  	var value = $("#shuru1").val();
    
  	alert(value);
    
  	$("#shuru1").val("我发生了变化");
    
  } 

  </script>-->

  </head>
    
  <body> 

  <input type="button" value="请点击" onClick="b()"> <br/><br/><br/>

  <input type="text" id="shuru1" name="shuru1" value="请输入"/><br/><br/><br/>

  <div id="result"> </div>

  </body>
    
  </html>

    a.js

      function a() {
    
  	alert(1);
    
  	value = $("#shuru1").val();
    
  	alert(value);
    
  	$("#shuru1").val("我发生了变化");
    
  	return value;      //这句是关键的一句，返回值，以便调用
    
  }

    b.js

      //采用写入的方式，将a.js引入到HTML中
    
  /*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() {
    
  	alert(2);
    
  	var value = a();              //调用a()方法
    
  	alert(value);
    
  	$("#result").html(value);    //html() 想网页中书写
    
  }

  /*function a() {
    
  	alert(1);
    
  	var value = $("#shuru1").val();
    
  	alert(value);
    
  	$("#shuru1").val("我发生了变化");
    
  } */

  • 例2：

      <!DOCTYPE html>
    
  <html>
    
  <head>
    
  <title>test.html</title>
    
  <meta charset="UTF-8">
    
  <script type="text/javascript">
    
  function test1(name) {
    
  	alert("这是测试方法1_"+name);
    
  }

  function test2() {
    
  	alert("这是测试方法2");
    
  }

  function test3() {
    
  	var test = test1;
    
  	test("张三");
    
  }

  function test4(test) {
    
  	test("李四");
    
  }
    
  </script>

  </head>

  <body>
    
  	<center>
    
  	<h1>js参数调用测试</h1>
    
  	<br/><br/><br/>
    
  	<input type="button" value="test4调用test1" onclick="test4(test1)" />
    
  	<input type="button" value="test4调用test2" onclick="test4(test2)" />
    
  	<input type="button" value="test3调用test1" onclick="test3()" />
    
  	</center>
    
  </body>
    
  </html>

JS互相调用的更多相关文章

  1. Android-webview和js互相调用

    Android-webview和js互相调用 Android 和 H5 都是移动开发应用的非常广泛.市面上很多App都是使用Android开发的,但使用Android来开发一些比较复杂附属类,提示性的 ...

  2. 关于action script与js相互调用的Security Error问题

    大家都知道,as和js相互调用可以通过ExternalInterface.call和ExternalInterface.addCallback来进行. 比较好的做法是使用之前通过ExternalInt ...

  3. JS如何调用隐藏按钮的click事件

    js如何调用隐藏按钮的click事件:1.设定隐藏不要使用Visiable属性,使用style.display=none:2.触发JS事件可以使用fireEvent方法,如:document.getE ...

  4. JS方式调用本地的可执行文件

    看到一个方法,有些用,先存下来,有用的时候再用. 前几天,在IE,FIREFOX中实现了用JS方式调用本地的可执行文件.地址:www.yihaomen.com/article/js/211.htm , ...

  5. 前台JS(Jquery)调用后台方法 无刷新级联菜单示例

    前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页 ...

  6. WebView使用详解（一）——Native与JS相互调用（附JadX反编译）

    念念不忘,必有回响,永远坚持你所坚持的! 一直在用WebView,还没有系统的总结过它的用法,下面就系统的总结下,分享给大家 一.基本用法 1.加载在线URL void loadUrl(String ...

  7. OC与JS互相调用

    近期项目中要用到html5来实现.涉及到OC调用JS,以及JS调用OC的方法.这里把遇到的问题以及实现方法介绍一下. // // ViewController.h // OC_And_JS // // ...

  8. js方法调用

    <!DOCTYPE html> <html> <head> <title>测试</title> </head> <body ...

  9. 在JS中调用JAVA变量

    在JS中调用JAVA变量可以,方法是:var JS变量名 = “<%=JAVA变量名 %>”<%中间写java代码,跟在JSP中一样%>在JAVA中 ,无法调用JS变量

  10. flex与js相互调用

    1.flex调用js方法 调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/&q ...

随机推荐

  1. JdbcTemplate 的oracle分页

    @Autowired private JdbcTemplate jd; int ps1=Integer.valueOf(pageSize); int cp1=Integer.valueOf(currP ...

  2. JSON与Java对象的互相转换

    JSON与Java对象的互相转换 例一(单个对象进行赋值): @RequestMapping("test1.do") @ResponseBody public JSONObject ...

  3. 力扣算法——142LinkedListCycleII

    Given a linked list, return the node where the cycle begins. If there is no cycle, return null. To r ...

  4. vue中按需引入mint-UI报Error: .plugins[3][1] must be an object, false, or undefined

    { "presets": ["@babel/preset-env", "@babel/preset-react"], "plugi ...

  5. 9-vim-移动命令-04-利用标记返回之前小编辑的代码位置

    标记 在开发时,某一块代码可能需要处理,例如编辑或重看. 此时使用命令模式(普通模式)下使用m增加一个标记,这样可以在需要时快速地跳回来或者执行其他编辑操作.   标记名称可以是a~z或者A~Z之间的 ...

  6. Python菜鸟之传参

    Python菜鸟之传参 : 看上面enroll( )函数的调用传参 enroll("twiggy","M",city="上海", age=2 ...

  7. 聊聊redis实际运用及骚操作

    前言 聊起 redis 咱们大部分后端猿应该都不陌生,或多或少都用过.甚至大部分前端猿都知道. 数据结构: string. hash. list. set (无序集合). setsorted(有序集合 ...

  8. .net微信扫码支付

    今天给大家分享一篇.net的扫码支付文章,话不多说直接进入主题. 如有需要可以加我Q群[308742428]大家一起讨论技术,有偿服务. 后面会不定时为大家更新文章,敬请期待. 喜欢的朋友可以关注下. ...

  9. 无法启动此程序 ，因为计算机中丢失MSVCP120.dll

    1.文件丢失问题 无法启动此程序 ,因为计算机中丢失MSVCP120.dll 具体如下图所示: 等dll文件丢失,可以去下载 DirectX修复工具去修复即可 http://www.pc6.com/s ...

  10. 使用truelicense实现用于JAVA工程license机制（包括license生成和验证）

    开发的软件产品在交付使用的时候,往往会授权一段时间的试用期,这个时候license就派上用场了.不同于在代码中直接加上时间约束,需要重新授权的时候使用license可以避免修改源码,改动部署,授权方直 ...