您的位置：首页 > Web前端 > JavaScript

网页编程，JS模态窗口，父页面向子页面传递参数

2012-02-17 12:47 369 查看

前提：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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 职场休闲网页编程父页面向子页面传值

相关文章推荐

新的分享

章节导航