您的当前位置：首页 javascript调用其他页面的js函数或变量的脚本_javascript技巧

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

来源：339美食

调用函数、变量的方法一样，都是需要首先获得你需要调用的函数所在的window对象，然后通过window.method()或者 window.variable 来调用。
下面的示例演示了一个弹出窗口如何调用起父窗口中的方法和变量。
父窗口：1.html

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

弹出窗口：2.html
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>脚本之家 www.gxlcms.com 其它页面js变量调用方法代码</title> 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是默认的对象，所以根本不需要加上。