前提:html编写网页文件,借助JavaScript完成父页面、子页面交互动作。父页面为a.html;子页面为b.html。
使用函数:
- 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>
转载于:https://blog.51cto.com/2431635/782002