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. jquery与其他js冲突

    var $j=JQuery.noConflict(); $j('#msg').hide();//此处$j就代表JQuery //重命名以下,把$改为$j

  2. (4)C++ 复合类型-指针

    篇幅长从 https://www.cnblogs.com/buchizaodian/p/11511256.html 提取出来 七.指针和自由存储空间  1.寻址运算符 * #include<io ...

  3. spring boot starter开发

    作为公司的技术保障部,一直承担着技术方向的把控,最近公司准备全面转入spring boot的开发.所以我们部门也一直在调研相关的技术知识点: 使用springboot开发应用已经有一段时间了,我们都沉 ...

  4. [转载]真正的inotify+rsync实时同步 彻底告别同步慢

    原文链接http://www.ttlsa.com/web/let-infotify-rsync-fast/ 背景我们公司在用inotify+rsync做实时同步,来解决分布式集群文件一致性的问题.但当 ...

  5. ubuntu16安装,配置前端开发环境

    1.安装ubuntu    使用usio制作U盘安装工具 2.安装搜狗输入法 3.安装QQ 4.安装nodejs node-v0.12.4 node-v0.12.4.tar.gz root@ubunt ...

  6. sql server 与 oracle的区别（转）

    --1.数据类型不同.      --sql server 的数据类型:int ,smallint ,char,varchar,nchar,nvarchar,ntext,datetime,smalld ...

  7. strtotime 获取当月最后一天的日期

    strtotime('last day of this month', $timestamp);

  8. Java中的宏变量，宏替换详解。

    群友在微信群讨论的一个话题,有点意思,特拿出来分享一下. 首先来看下面这段程序,和群友分享的大致一样. public static void main(String[] args) { String ...

  9. C语言各种进制输出

    #include<stdio.h> int main() { ; float f = 12.0; printf("十进制输出:%d\n", number); print ...

  10. MES training

    unique identity 1.project name , namespace 2. select XML (not html) 3. view and controller will be i ...