| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 在线视频教程 | 素材下载 | 程序代码下载 | 视频教程下载 | JS代码 | 论坛 | 
龙腾教程网  
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
 
  您当前位置:您现在的位置: 龙腾软件教程网 >> 文章中心 >> WEB设计 >> javascript >> 实列教程 >> 文章正文 
 
JAVASCRIPT 实现通过弹出式对话框获取新窗口参数技巧
作者:未知 文章来源:网络
   通过弹出式对话框,打开一个新窗口,经过一番操作后将值返回来,研究了半天,终于搞出一个实例来,供大家分享^_^

    测试例子公有两个文件:test1.html、test2.html


1:test1.html文件的内容为:

<script>
  function btnclick()
  { 
      var a = window.showModalDialog("test2.htm")
      var getvalue ="";
      for(i=0;i<a.length;i++)
      {
       getvalue +=a[i] + ",";
      }
      var oProName = document.getElementById("t1");
      var oProName1 = document.getElementById("t2");
      var stringArray = getvalue.split('&&');      

     
      var list  = stringArray[0];
      var list1 = stringArray[1];
     
      var splitArray1 = list.split(/[,]/g);
      var splitArray2 = list1.split(/[,]/g);
      var text1 = "";
      var text2 = "";
      for(j=1;j<=splitArray1.length;j++)
      {
          text1 += splitArray1[j-1];  
          if(j<splitArray1.length)
          {
              text1 += " ";  
          }
      }
     
      for(j=1;j<=splitArray2.length;j++)
      {
          text2 += splitArray2[j-1];  
          if(j<splitArray2.length)
          {
              text2 += " ";  
          }
      }
     
      oProName.value  = text1;    
      oProName1.value = text2;
     
 }
 </script>

 <input type = 'text' name = 't1' id = 't1' value =''/>
 <input type = 'text' name = 't2' id = 't2' value =''/>
 <input type = 'button' name = 'b1' id = 'b1' value ="GetValue" onclick="btnclick()"/>

2:text2.html的内容为:

<script>
 function sendTo(count)
 {   
     var a=new Array(count);
     for(i=1;i<=a.length;i++)
     {
      a[i-1] = i;
     }
     a.length = 2*count + 1;
     for(i=count+1;i<=2*count;i++)
     {
         a[i]=i;
     }
     a[count] = '&&';
     window.returnValue =a;
     window.close();
 }
 </script>
 <body>
 <form>
  <input value="返回" type=button onclick="sendTo(5)">
 </form>

大家看看就知道了。

为什么要使用showModalDialog的原因为:通过showModalDialog调用的新窗口未关闭,不能操作父窗口。

注意:我为什么要在text2.html测试文件中生成的字符串中要加一个"&"符号:是因为通过showModalDialog传递参数时只能获得一个参数,要想得到多个参数,我就想了这个办法,传过来后,我通过split或正则表达式来分开得到多个参数,希望对大家有帮助^_^


上一篇:
  • 上一篇文章:
  • 下一篇
  • 下一篇文章: 没有了
  • 收藏此文到百度搜藏 百度搜藏| 新浪VIvi| 365key| Younote| 博采中心| 你好BLOG| 亿友网摘| 和讯网摘|
    相关文章    
    javascript的几款不错的编辑器介绍
    Javascript基础:网页中调用JS代码的几种方法
    javascript动态更改DropDownList下拉项
    javascript 的window.open()的参数详解
    JavaScript事件驱动及事件处理
    JavaScript窗口及输入输出
    基于对象的JavaScript语言学习
    Javascript制作旋转导航菜单效果
    JavaScript技巧:实现动态增加和删除用户控件
    arp病毒中的Javascript技术
     
     
     
    最新文章
    普通文章 JAVASCRIPT 实现通过弹出式对话框最新文章
    普通文章 photoshop绘制性感诱惑的红唇最新文章
    普通文章 正确选择多WAN路由器六大关键问题最新文章
    普通文章 常见ADSL;路由器登陆地址密码列表最新文章
    普通文章 Photoshop合成精彩的电影海报最新文章
    普通文章 javascript的几款不错的编辑器介最新文章
    普通文章 Dreamweaver CS4新特性之JavaScr最新文章
    普通文章 解决Firefox无法保存密码的问题最新文章
    普通文章 Windows Vista系统磁盘镜像工具使最新文章
    普通文章 Photoshop绘制国庆喜庆贴画最新文章
     
    热门文章
    推荐文章 中秋佳节-photoshop手绘嫦娥奔月
     
     
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 

    版权所有2006-2008 龙腾教程网