javascipt open iframe窗口操作

最新推荐文章于 2021-09-22 16:29:43 发布

fuyangclj

最新推荐文章于 2021-09-22 16:29:43 发布

阅读量704

点赞数

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/clj9017/article/details/20459489

版权

Javascript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

嵌套窗口
index.html
<html>
    <head><title>父页面</title></head>
<body>
    <form name="form11" id="form1">
         <input type="text" value="aaa" name="username" id="username"/>
    </form>
    <iframe src="son.html" width=100%></iframe>

   <script>
   var preantValue = 1000;
   </script>

</body>
</html>

son.html
<script type="text/javascript">
var _parentWin = window.parent ;
//alert(_parentWin.form1.username.value);
_parentWin.form1.username.value = "123" ; //设置父元素的值
alert(parent.window.preantValue) // 调用父元素的全局变量
</script>
123

弹出窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>

<body>
<button onClick="openWin()">窗口</button>
<script>
function openWin(){
   var wind = window.open('b.html','newwindow', 'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
}
//　　window.open 弹出新窗口的命令；
//　　"page.html" 弹出窗口的文件名；
//　　"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；
//　　height=100 窗口高度；
//　　width=400 窗口宽度；
//　　top=0 窗口距离屏幕上方的象素值；
//　　left=0 窗口距离屏幕左侧的象素值；
//　　toolbar=no 是否显示工具栏，yes为显示；
//　　menubar，scrollbars 表示菜单栏和滚动栏。
//　　resizable=no 是否允许改变窗口大小，yes为允许；
//　　location=no 是否显示地址栏，yes为允许；
//　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes
</script>

</body>
</html>

window.open获取子窗口的内容
alert(wind.document.getElementById('aaa').innerHTML)

b.html
<script>
alert(window.opener.document.getElementById('aaa').innerHTML);
</script>

子窗口获取父窗口的名称
alert(window.opener.document.getElementById('aaa').innerHTML);