JS互相调用-CSDN博客

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>

转载于:https://www.cnblogs.com/renxiuxing/p/9553718.html