父窗口如何调用子窗口里的js方法

JavaScript019

父窗口如何调用子窗口里的js方法,第1张

1、定义一个子窗口

new.htm

<script>

function testa(){//定义子窗口的方法

}

</script>

2、定义父窗口，并调用子窗口的方法

<script>

function openWindow(){

var newWindow = window.open(“new.htm”, "", "width=400,height=300 ")//打开子窗口，并返回子窗口的window

newWindow.testa()//调用子窗口的方法

}

</script>

如果你这个子页面是属于另一个页面（与当前页面不是同一个文件），可以用iframe标签来打开。

如果是属以同一个页面的内容，那么可以在那个位置先放一个空白的div，通过css预先设定好width、height以及是否需要滚动条等等，并设定id（比如abc），然后在必要的时候（比如点击某个链接）用js给这个div添加内容：

var div=document.getElementById("abc")

div.innerHTML+="<p>要添加的内容1</p>"

div.innerHTML+="<p>要添加的内容2</p>"

div.innerHTML+="<p>要添加的内容3</p>"

div.innerHTML+="<p>要添加的内容4</p>"

或者也可以预先给这个div填充内容，并在css中把它的display属性设为none（即隐藏），然后在必要的时候把它显示出来即可：

var div=document.getElementById("abc")

div.style.display="block"