易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
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.jb51.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.jb51.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是默认的对象，所以根本不需要加上。
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站