js获取frameSet子页面的空间

最新推荐文章于 2020-08-26 11:14:44 发布

a8526913

最新推荐文章于 2020-08-26 11:14:44 发布

阅读量2.1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/a8526913/article/details/20151287

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、index.html

<html>
<head>
<title>test</title>
</head>
<body>
 <iframe width="100%" id="iframe_id" name="iframe_id" scrolling="no"
  height="650px" src="main.htm">
</body>

</html>

2、main.jsp

<html>
<frameset cols="20%,*">
 <frame name="index" id="index" src="left.htm">
 <frame name="content" src="right.htm">
</frameset>
</html>

3、left.html

<html>
<head>
<title>test123</title>
</head>
<body>
 
 <br />
 <button name='but' value='111' οnclick='onc();' >测试</button>
 <script type="text/javascript">
  var onc = function(){
   alert(parent.content.getAaa("来自host.html的值"));
  };
 </script>
</body>
</html>

4、right.html

<html>
<body>
 <input id="aaa" value="来自htmlyyjc1.html的值"/>
</body>
<script>
 var getAaa = function(){
  
  return document.getElementById("aaa").value;
 };
</script>
</html>