博客列表 >JS-父子级层关系

JS-父子级层关系

梁凯达的博客
梁凯达的博客原创
2019年03月04日 12:51:501862浏览

实例

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script>
  // window.onload = function(){
  //  var  box = document.getElementById('box');
  //  alert(box);
  // }  
 </script>
</head>
<body>
 <!-- <div id="box"></div> -->
 <iframe src="./son.html" frameborder="1"></iframe>
</body>
<script>
 name = '我是他爹  你是要访问我的属性吗?';
 function  func(){
  return '我是父窗口func函数';
 }
</script>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button onclick="func1()">获取父窗口内容</button>
	<button onclick="window.history.back()">后退 back</button>
	<button onclick="window.history.go(-3)">后退go</button>
</body>
<script>
function  func1(){
	//alert(1);
	alert(window.parent.name);
	alert(window.parent.func());
}

</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议