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. python selenium 自动化流程的一些总结与思考

    首先要考虑的项目为什么要做自动化测试?(主要从自动化测试的优点着手) 其次是什么项目才适合做自动化测试? 自动化测试覆盖率要达到什么样的程度?因为都知道不可能达到100%的,不然脚本太臃肿,反而会失去 ...

  2. spring MVC 返回值信息和ResponseBody的响应json数据

    spring mvc的界面返回: 如果我们定义的返回类型是String 那么我们返回的时候直接写入 我们的界面的名字就可以了  springmvc会自动去找到我们的界面,如果是void类型的返回那么 ...

  3. python学习笔记：python操作redis

    Redis 是一个高性能的key-value数据库.它支持存储的value类型包括string(字符串).list(链表).set(集合).zset(sorted set --有序集合)和hash(哈 ...

  4. WPF 依赖附加属性

    附加属性的本质是一个依赖属性,与普通的依赖属性区别: 1:注册方法名不一样,如 DependencyProperty.RegisterAttached 2:没有普通的属性包装器,而是通过get和set ...

  5. Java.math.BigDecimal.abs()方法

    java.math.BigDecimal.abs()返回一个BigDecimal,其值是此BigDecimal的绝对值,其标度是this.scale(). 声明 以下是java.math.BigDec ...

  6. LNMP一键安装包+Thinkphp搭建基于pathinfo模式的路由

    LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RadHat/Fedora.Debian/Ubuntu/Raspbian/Deepin VPS或独立主机安装LNMP(Ngin ...

  7. php被遗忘的参数 pcntl

    phpinfo () CTRL+ F–enable-pcntl今天居然可以用到.哈 狗屎运. 来自t00ls < ?php /******************************* *查 ...

  8. CF585F Digits of Number Pi

    题目 把\(s\)串所有长度为\(\lfloor \frac{d}{2}\rfloor\)的子串插入一个ACAM中,之后数位dp就好了,状态是\(dp_{i,j,0/1}\)第\(i\)位,在ACAM ...

  9. 使用vue.js开发小程序

    写在前面 刚刚开源的mpvue引起了不少前端er们的注意,下图是一个简单的对比. 话不多说,我们现在感受一下如何使用mpvue开发小程序.(以下内容参照mpvue文档完成). 开发环境 node np ...

  10. redis底层相关命令(一)

    说明 用于分析redis底层数据结构以及内存情况 底层数据结构分析 1.查看key键的对象类型type key 本地:>sadd test1 本地:>type test1 set 2.查看 ...