javascript 调用其他页面的js函数或变量的脚本


答案：调用函数、变量的方法一样，都是需要首先获得你需要调用的函数所在的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>脚本之家 www.zhaoxi.net 其它页面js变量调用方法代码</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>  

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]



弹出窗口：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>脚本之家 www.zhaoxi.net 其它页面js变量调用方法代码</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>      

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
   

说明：在2.html中，通过window.opener来获取弹出窗口的父窗口的window对象。  
反向思考：在一个页面中，也可以通过window.method()或者 window.variable来使用方法或者变量，例如1.html中的function sayHello2(){window.sayHello();},只是由于window是默认的对象，所以根本不需要加上。
上一个：页面下沉抖动效果-网站HTTP连接没有效果-PC上有效果
下一个：javascript程序优化问题第1/3页
更多图片编程知识: