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. flutter 接入阿里云OSS

    之前因为使用正常文件上传,用户多时拥堵无法正常上传,因此接入阿里OSS 来解决这个问题.本来打算整原生那块,看了下比较麻烦,用flutter dio 直接请求oss 完成 1.上传用到了image_p ...

  2. android:layout_gravity和android:gravity的区别 (转)

    转:http://blog.csdn.net/shakespeare001/article/details/7843460 1.首先来看看android:layout_gravity和android: ...

  3. 从源码导入到github

    http://stackoverflow.com/questions/4658606/import-existing-source-code-to-github If you've got local ...

  4. AutoFac控制反转 转载https://blog.csdn.net/u011301348/article/details/82256791

    一.AutoFac介绍 Autofac是.NET里IOC(Inversion of Control,控制反转)容器的一种,同类的框架还有Spring.NET,Unity,Castle等.可以通过NuG ...

  5. angular5引入sass

    angular/cli支持使用sass新建工程:如果是新建一个angular工程采用sass:ng new My_New_Project --style=sass这样所有样式的地方都将采用sass样式 ...

  6. js的内部特性--属性

    使用方法:通过调用Object.defineProperty(对象,"对象属性",{}进行的操作}) 当对一个对象的属性的属性类型中vlue设置为一个值时,则这个对象的这个属性的值 ...

  7. Dubbo与SpringBoot的结合

    前言 这段时间在接触分布式的内容,因为公司的技术栈是 dubbo ,所以我顺其自然地选择了 dubbo 作为我学习的框架. 看了任务清单,这篇文章应该是在6天前出来的,但是因为实习等等的一些事情耽误了 ...

  8. 在规定的时间内出现动画.html

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. sublime推荐插件

    SyncedSidebarBg:侧边栏底色统一 Emmet:集合多种功能,大名鼎鼎的 Zen coding ==> 不过对于嵌入式的我没多大用啊 Sublime CodeIntel:代码提示 A ...

  10. 开启linux下面vsftp自身的服务

    最近业务需求搞了一下sftp,配合samba感觉还是不错的. 上干货:笔者的环境是centos7.4 1.建立一个名为sftpusers的sftp用户组 groupadd sftpusers 2.建立 ...