父页面向子页面传值的问题 纯js实现 不拼url传参

本帖最后由 cdragon19970929 于 2009-10-27 03:19:50 编辑

解决方案 »

  1.   


    <html>
    <head>
    <title>JS传值示例参考！</title>
    <style type="text/css">
    <!--
    body{ font-size:12px; }
    table{
         border-collapse:collapse;
         text-align:center;
         width:300px;
    }
    td{ height:25px;font-size:12px;}
    a{ cursor:pointer;color:blue; }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function show(obj){
    //以下代码可用ASP生成.
    var s="<center>";
    s+="<p>【商品<font color=red>"+obj+"</font>的详细信息】</p>";
    s+="价格：￥xx.xx　产地：商品产地"+obj;
    s+="</center>";
    //-----------------
    var winname = window.open('','B','width=300,height=100,top=300,left=300');
    winname.document.open('text/html','replace');
    winname.document.writeln(s);
    winname.focus();
    }
    //-->
    </script>
    </head>
    <body>
    <table align="center" border="1" bordercolor="red">
    <tr><td bgcolor="#eeeeee" style="font-weight:bold;">产品列表</td></tr>
    <tr><td><a onClick="show('一')">商品一</a></td></tr>
    <tr><td><a onClick="show('二')">商品二</a></td></tr>
    <tr><td><a onClick="show('三')">商品三</a></td></tr>
    <tr><td><a onClick="show('四')">商品四</a></td></tr>
    <tr><td><a onClick="show('五')">商品五</a></td></tr>
    </table>
    <p align="center">提示：点击“产品列表”查看详细信息。</p>
    </body>
    </html>
      

  2.   

    第一个页面：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function openWin()
    {
    var t=window.open("3.html");
    t.document.getElementById("d1").innerHTML="我的内容是父页面给的！！！！";
    }
    //-->
    </SCRIPT>
     <BODY>
    <INPUT TYPE="button" VALUE="查看" ONCLICK="openWin()" >
     </BODY>
    </HTML>被调用打开的子页：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <div id="d1" >哈哈哈</div>
     </BODY>
    </HTML>
      

  3.   

    A画面控制B画面,向B画面传值.不如B画面向A画面取值好.
    一种是推,一种是拉.A向B传值,不能保证B画面的控件都已经加载完.B向A取值可以控制在B控件都已经加载完的情况下对其赋值.
      

  4.   

    parent.document.getElementById("div1").innerHTML="";
      

  5.   

    如果是这样完全没有必要打开新窗口，不如直接createElement，
    只要不是太复杂的HTML，创建一个元素绝对比打开窗口来得快并且容易控制。
      

  6.   

    如果是A打开B，那么B取A页面中对象的值可以用opener对象
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <script language="javascript">
    var asda = "瓜娃子"
    function winopen(){
    window.open("2.html")
    }
    </script>
     <BODY>
      <button onclick="winopen()" />nihao</button>
     </BODY>
    </HTML>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <script language="javascript" >
     var asd = window.opener.asda
     document.write(asd)
     </script> 
     </BODY>
    </HTML>
      

  7.   

    你就加个C画面放在隐藏的框架里里处理。A提交C,C操作B
      

  8.   

    页面之间传值，用flash作扩展吧，JS没有页面传值的功能,只要简单了解二个flash 的类就好了,目前流行的网页音乐播放都是用flash 传的值,