javascript调用父窗口的函数和变量
2009-09-15 12:45
281 查看
javascript调用父窗口的函数和变量
发布日期:2008-05-28最近更新:2008-05-28来源:BHCODE作者:web开发的时候,有时候需要使用其他页面上写好的javasript函数、变量。如弹出窗口需要使用父窗口中的函数,框架1需要使用框架2中的函数。
调用函数、变量的方法一样,都是需要首先获得你需要调用的函数所在的window对象,然后通过window.method()或者 window.variable 来调用。
下面的示例演示了一个弹出窗口如何调用起父窗口中的方法和变量。
父窗口:1.html
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var theHelloStr = "Hello all.";
function sayHello()
{
alert("hello, method");
}
function openBtnClicked()
{
var newwin=window.open('2.html',"test","toolbar=no,location=no,top=100,left=100,directories=no,status=yes,menubar=no,scrollbars=yes,location=no,resizable=yes,width=300,height=200");
newwin.focus();
}
function sayHello2()
{
window.sayHello();
}
</script>
</head>
<body>
<input type="button" name="openBtn" value="打开窗口" onclick="openBtnClicked()" />
</body>
</html>
弹出窗口:2.html
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function btn1Clicked()
{
window.opener.sayHello();
}
function btn2Clicked()
{
var helloMsg = window.opener.theHelloStr;
alert(helloMsg);
}
</script>
</head>
<body>
<input type="button" name="btn1" value="调用父窗口的方法" onclick="btn1Clicked()" />
<input type="button" name="btn2" value="调用父窗口的变量" onclick="btn2Clicked()" />
</body>
</html>
说明:在2.html中,通过window.opener来获取弹出窗口的父窗口的window对象。
反向思考:在一个页面中,也可以通过window.method()或者 window.variable来使用方法或者变量,例如1.html中的function sayHello2(){window.sayHello();},只是由于window是默认的对象,所以根本不需要加上。
相关文章推荐
- 使用JavaScript中,父窗口调用子窗口中的函数 及 子窗口调用父窗口中的函数
- JavaScript知识笔记(一)——入门、语句、注释、变量、函数、输出内容、对话框、窗口
- JavaScript子窗口调用父窗口变量和函数的方法
- 关于 javascript 窗口框架之间的函数调用
- javascript中iframe里面的页面调用父窗口js函数的方法。
- JavaScript子窗口调用父窗口变量和函数的方法
- javascript中iframe里面的页面调用父窗口js函数的方法
- 子窗口调用父窗口变量和函数示例
- javascript(js)iframe里的页面调用父窗口js函数的方法或弹出窗口调用父窗口js函数的方法
- vc 子窗口怎么调用父窗口的函数和变量?
- javascript与cs代码互相调用 asp.net中前台javascript与后台C#交互 这里主要包括了javascipt与后台CS代码四种方法互调(其中包括函数与变量的访问)
- JavaScript子窗口调用父窗口变量和函数的方法
- javascript中iframe里面的页面调用父窗口js函数的方法。
- JavaScript子窗口调用父窗口变量和函数的方法
- JavaScript与C#之间函数与变量的相互调用(转)
- MFC中获取父窗口指针 从而调用其函数及变量
- 关于javascript中变量是如何存储调用、以及函数的继承实现
- javascript 调用其他页面的js函数或变量的脚本
- javaScript 自执行函数—保留异步方法调用的内部变量
- javascript 调用其他页面的js函数或变量的脚本