子页面获取父页面的参数举例

最新推荐文章于 2024-07-31 11:02:21 发布

hangGe0111

最新推荐文章于 2024-07-31 11:02:21 发布

阅读量5.5k

点赞数

分类专栏： js 文章标签：子页面获取父页面参数 window.parent

本文链接：https://blog.csdn.net/hangGe0111/article/details/81529886

版权

本文介绍了如何在多个嵌套页面（祖辈2.html -> 父亲3.html -> 儿子4.html -> 孙子5.html）间传递参数。通过在3.html中获取2.html的跳转参数，并在4.html和5.html中使用这些参数。详细过程包括代码示例和运行结果。此外，还提到父页面可以获取子页面的参数及方法，反之亦然。

摘要由CSDN通过智能技术生成

1.由2.html携带参数跳转到3.html，在3.html中通过iframe加载4.html,同时在4.html中加载5.html

（就相当于2.html是祖父[grandfather] ；3.html是父亲[father]；4.html是儿子[son]；5.html是孙子[grandson])

然后在3.html中获取2.html页面跳转带过来的参数，把这个参数在4.html[son]和5.html[grandson]中获取使用；

2.代码部分

（1）2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#clickme{
				cursor: pointer;
			}
			#clickme:hover{
				color: orange;
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div>I'm grandfather</div>
		<div id="clickme">点我进入下一个页面(father)</div>
		<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script