js使用心得

对于WEB客户端开发而言,现在越来越多的使用JavaScript脚本来实现一些业务逻辑,即所谓的RIA应用,我们可以把JS文件理解成JSP文件的逻辑实现,JSP文件作为界面显示.以下是一些JS开发中常用的一些方法:

1.窗口调用

模态:window.showModalDialog();

非模态:window.showModelessDialog();window.open();

 

2.窗口调用时窗体间的参数传递

调用窗口传递参数

window.showModalDialog("目标URL",参数名,"其他特性");-- 参数可以是任何类型,

被调用窗口获得参数

window.dialogArguments;

 

3.窗口返回值

window.returnValue;

 

exp:

  1. <html xmlns="http://www.w3.org/1999/xhtml">      
  2. <head runat="server">      
  3.     <title></title>      
  4.     <script type="text/javascript">      
  5.         function openNewWeb() {      
  6.             var winValue = window.showModalDialog("WebForm1.aspx", null, "dialogHeight=200px,dialogWidth=200px,center=1");      
  7.             document.getElementById("result").innerText = winValue;      
  8.      
  9.         }      
  10.     </script>      
  11.      
  12. </head>      
  13. <body>      
  14.     <form id="form1" runat="server">      
  15.     <input id="Button1" type="button" value="button" onclick="openNewWeb()" />      
  16.     <div id="result">      
  17.     </div>      
  18.     </form>      
  19. </body>      
  20. </html>    

返回值

  1. <html xmlns="http://www.w3.org/1999/xhtml">      
  2. <head runat="server">      
  3.     <title></title>      
  4.      
  5.     <script type="text/javascript">      
  6.         function returnResult() {      
  7.             window.returnValue = document.getElementById("txtUserName").value;      
  8.             window.close();      
  9.         }      
  10.     </script>      
  11.      
  12. </head>      
  13. <body>      
  14.     <form id="form1" runat="server">      
  15.     <input id="txtUserName" type="text" />      
  16.     <input id="btn" type="button" value="button34" onclick="returnResult()" />      
  17.     </form>      
  18. </body>      
  19. </html>   

你可能感兴趣的:(JavaScript,jsp,server,webform,button,RIA)