zoukankan      html  css  js  c++  java
  • JS互相调用

    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>
  • 相关阅读:
    ADB常用命令
    HttpClient4.x 使用cookie保持会话
    HttpClient发起Http/Https请求工具类
    MakeFile 文件的使用
    SQL连接查询和嵌套查询详解
    Linux中进程控制块PCB-------task_struct结构体结构
    Mysql数据库--语句整理/提升/进阶/高级使用技巧
    进程池分析
    mmap和shm共享内存的区别和联系
    IO多路复用模型之epoll实现机制
  • 原文地址:https://www.cnblogs.com/renxiuxing/p/9553718.html
Copyright © 2011-2022 走看看