方法很简单,能实现父页面向子页面传递数值,实测成功。
仅供参考,不知道存不存在bug。如出现问题,概不负责。
父页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>父页面</title>
</head>
<body>
<script type="text/javascript">
var tx='xx专题页面';
</script>
<iframe src="4.html" width="400" height="400" frameborder="0"></iframe>
</body>
</html>
子页面
<html>
<head>
<meta charset="utf-8" />
<title>子页面</title>
</head>
<body>
<input type="text" name="" id="tx" value="" />
<script type="text/javascript">
// console.log(window.parent.tx); 此行测试,可以删除
document.getElementById('tx').value=window.parent.tx;
</script>
</body>
</html>
如果本地测试无法成功,请放入web环境(web 容器)下。