JS互相调用

  • 例1：

    1.   <html>
    2.   <head>
    3.   <meta charset="UTF-8">
    4.   <script type="text/javascript" src="jslib/jquery.js"></script>
    5.   <script type="text/javascript" src="js/b.js"></script>
    6.   <script type="text/javascript" src="js/a.js"></script>
    8.   <!--<script type="text/javascript">
    9.     function b() {
    10.   	alert(2);
    11.   	a();
    12.   	$("#result").html("我发生了变化");    //html() 在网页中书写
    14.   }
    16.   function a() {
    17.   	alert(1);
    18.   	var value = $("#shuru1").val();
    19.   	alert(value);
    20.   	$("#shuru1").val("我发生了变化");
    21.   } 
    23.   </script>-->
    25.   </head>
    26.   <body> 
    28.   <input type="button" value="请点击" onClick="b()"> <br/><br/><br/>
    30.   <input type="text" id="shuru1" name="shuru1" value="请输入"/><br/><br/><br/>
    32.   <div id="result"> </div>
    34.   </body>
    35.   </html>

    a.js

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

    b.js

    1.   //采用写入的方式，将a.js引入到HTML中
    2.   /*new_element=document.createElement("script");
    3.   new_element.setAttribute("type","text/javascript");
    4.   new_element.setAttribute("src","a.js");// 在这里引入了a.js
    5.   document.body.appendChild(new_element); */
    7.    function b() {
    8.   	alert(2);
    9.   	var value = a();              //调用a()方法
    10.   	alert(value);
    11.   	$("#result").html(value);    //html() 想网页中书写
    12.   }
    14.   /*function a() {
    15.   	alert(1);
    16.   	var value = $("#shuru1").val();
    17.   	alert(value);
    18.   	$("#shuru1").val("我发生了变化");
    19.   } */

  • 例2：

    1.   <!DOCTYPE html>
    2.   <html>
    3.   <head>
    4.   <title>test.html</title>
    5.   <meta charset="UTF-8">
    6.   <script type="text/javascript">
    7.   function test1(name) {
    8.   	alert("这是测试方法1_"+name);
    9.   }
    11.   function test2() {
    12.   	alert("这是测试方法2");
    13.   }
    15.   function test3() {
    16.   	var test = test1;
    17.   	test("张三");
    18.   }
    20.   function test4(test) {
    21.   	test("李四");
    22.   }
    23.   </script>
    25.   </head>
    27.   <body>
    28.   	<center>
    29.   	<h1>js参数调用测试</h1>
    30.   	<br/><br/><br/>
    31.   	<input type="button" value="test4调用test1" onclick="test4(test1)" />
    32.   	<input type="button" value="test4调用test2" onclick="test4(test2)" />
    33.   	<input type="button" value="test3调用test1" onclick="test3()" />
    34.   	</center>
    35.   </body>
    36.   </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文件操作生成csv及其他存储类型

    通常Pandas用习惯后,比较喜欢用.to_csv的操作直接来转成csv文件,但如果是对于列表,则可以使用文件操作生成写入csv文件: #打开文件fid0=open('baseline.csv','w ...

  2. PHP【Laravel】delayer基于redis的实现订单超时改变状态

    实现这个功能前你需要知道以下,不然可能会比较吃力:1.服务器的计划任务,shell脚本,或者你有宝塔自带的计划任务会方便很多.2.有所了解Redis.3.会写PHP业务逻辑. 好了进入在正题,这里使用 ...

  3. 如何查看red gate安装时的log

    安装界面,点击左上角的log open log file C:\Users\clu\AppData\Local\Temp\{69EEB6B0-A9AD-4BD4-8231-92C992F1FF05}\ ...

  4. Python基础-main

    Python基础-_main_ 写在前面 如非特别说明,下文均基于Python3 一.__main__的官方解释 参考 _main_ -- Top-level script environment ' ...

  5. Java学习之构造函数

    构造函数特点:  函数名和类名相同  没有返回值(不用定义返回值类型)作用:  对象初始化注意:  如果类没有定义构造函数时,系统会默认定义一个无参的构造函数  如果定义了构造函数,系统不会定义构造函 ...

  6. Angularjs可以查看scope的插件AngularJS Batarang

    AngularJS Batarang是一个显示AngularJS的scope 层次的Chrome插件,有效的快速查看一个page 中有多少Scope能够帮助我们快速方便调试AngularJS程序. 插 ...

  7. Leetcode 跳跃游戏 II

    题目链接:https://leetcode-cn.com/problems/jump-game-ii/ 题目大意: 略. 分析: 贪心 + DP. 代码如下: class Solution { pub ...

  8. PHP上传文件超过文件最大限制导致无法上传成功

    最近在学习<HeadFirst PHP & MySQL>一书的第5章"使用存储在文件中的数据",做一个文件上传的应用时,出现了错误,就是文件无法成功上传.这个问 ...

  9. Linux/x86-64 - setuid(0) & chmod ("/etc/passwd", 0777) & exit(0) - 63 byes

    /* Title: Linux/x86-64 - setuid(0) & chmod ("/etc/passwd", 0777) & exit(0) - 63 by ...

  10. win10 虚拟机VMware 14中CentOS7文件共享

    一,环境 主机:win10 家庭版 软件:VMware 14 系统:CentOS 7 二,设置共享文件 右键虚拟机->选择设置 如图:创建共享文件 三,安装VMware Tools 然后进入ce ...