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>