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. Webx.0-Web2.0：Web2.0

    ylbtech-Webx.0-Web2.0:Web2.0 Web2.0 是相对于Web1.0 的新的时代.指的是一个利用Web的平台,由用户主导而生成的内容互联网产品模式,为了区别传统由网站雇员主导生 ...

  2. Jmeter 5.1参数化csv引入文件

    Jmeter 5.1参数化csv引入文件 1.引用外部参数文件.新建json.txt文本输入需要的数据,我写了两条数据. 2.添加CSV数据文件设置,输入文件名.变量名.是否读取首行 报文中引用参数, ...

  3. sqlserver定时作业，定时执行存储过程

    首先,我想说,我真的是渣了,一个这个玩意弄了半天,算了,直接切入正题吧. 第一步: 先写好存储过程 用了两张表,你们自己建立吧 <br data-filtered="filtered& ...

  4. ES6 基础内容介绍

    参考博客: https://www.cnblogs.com/libin-1/p/6716470.html 一.新的变量声明方式 let/const 与var不同,新的变量声明方式带来了一些不一样的特性 ...

  5. cesium左侧列表定位目标

    cesium左侧列表定位目标 功能:根据左侧列表经纬度等信息的值,进行搜索定位. 列表: 1  点击清除按钮可以清空所有input的值 2  点击查找可以定位到位置,如果输入的值不在范围内,会有弹出框 ...

  6. UVA_548Tree

    这是一个很经典的建树,然而当时不会!!!! 给你一个中序和后序 先建一个二叉树,然后找最优解(最优解就是一个叶子节点到根节点权值最小, 同时本身权值最小) //生成一棵树 int build(int ...

  7. PHP CURL 模拟form表单上传遇到的小坑

    1:引用的时候 $parans ['img']=new \CURLFile($param); 传入的文件 在PHP版本5.5以上记得new CURLFile 不然会上传不成功 /** * http p ...

  8. ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库

    ZanUI-WeApp -- 一个颜值高.好用.易扩展的微信小程序 UI 库:https://cnodejs.org/topic/589d625a5c8036f7019e7a4a 微信小程序之官方UI ...

  9. js中函数的创建和调用都发生了什么？执行环境,函数作用域链,变量对象

    博客搬迁,给你带来的不便,敬请谅解! http://www.suanliutudousi.com/2017/11/26/js%E4%B8%AD%E5%87%BD%E6%95%B0%E7%9A%84%E ...

  10. node js 函数和对象

    1.函数 1.1匿名函数 函数声明 function fn(){  } 函数表达式 var fun=function(){  } 函数名称和函数名称()的区别 fun/fn   fun()/fn() ...