前提:html编写网页文件,借助JavaScript完成父页面、子页面交互动作。父页面为a.html;子页面为b.html。

使用函数:


  
  1. window.showModalDialog(); 

原理:将所需传值作为上述函数的参数,传至子页面中

父页面相关代码:点击链接,开启新窗口,并将值传送至新窗口中。

<body>

<a href="#" s= window.showModalDialog('1.html', { params: ['中国', '河南'] });">编辑</a>

</body>

子页面中相关代码:将上述函数参数栏的第一个传递给id为abstract的元素,使其显示内容为“中国”。

<body>

<span id="abstract">   </span>

</body>

<script type="text/javascript">

  var params = window.dialogArguments.params;
   var param1 = params[0];
   abstract.innerHTML = param1;


 </script>