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

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

我们 www.jb51.net 其它页面js变量调用方法代码

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();
}

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

弹出窗口：2.html

我们 www.jb51.net 其它页面js变量调用方法代码

function btn1Clicked()
{
window.opener.sayHello();
}

function btn2Clicked()
{
var helloMsg = window.opener.theHelloStr;
alert(helloMsg);
}

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

说明：在2.html中，通过window.opener来获取弹出窗口的父窗口的window对象。 
反向思考：在一个页面中，也可以通过window.method()或者 window.variable来使用方法或者变量，例如1.html中的function sayHello2(){window.sayHello();},只是由于window是默认的对象，所以根本不需要加上。

赞 (0)

相关推荐

  • JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)

    在项目开发过程中,也许你会遇这样的情况. 在某一Js文件中需要完成某一功能,但这一功能的大部分代码在另外一个Js文件中已经完成了,自己只需要调用这个方法再加上几句代码就可以实现所需的功能. 我们知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的.那么该如何解决

  • js实现iframe跨页面调用函数的方法

    本文实例讲述了js实现iframe跨页面调用函数的方法.分享给大家供大家参考.具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数.比如说:现在有两个页面parent.html和child.html.其中parent.html中含有IFrame并且IFrame指向child.html.现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法. 具体的代码实

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

    调用函数.变量的方法一样,都是需要首先获得你需要调用的函数所在的window对象,然后通过window.method()或者 window.variable 来调用.  下面的示例演示了一个弹出窗口如何调用起父窗口中的方法和变量.  父窗口:1.html 我们 www.jb51.net 其它页面js变量调用方法代码 var theHelloStr = "Hello all."; function sayHello() { alert("hello, method")

  • 在父页面调用子页面的JS方法

    今天弄了一天了,终于在网上找到了解决办法 注意:问题是在父页面调用子页面的方法..... 父页面:parent.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.o

  • js函数内变量的作用域分析

    本文实例分析了js函数内变量的作用域.分享给大家供大家参考.具体分析如下: 先看一个函数实例: 复制代码 代码如下: <html> <head> </head> <body> <script type="text/javascript"> var a = 5; var c = 3; function t(){  var a = 6;  var b = 10;  document.write(a+'-----'+b);  doc

  • 根据IP的地址，区分不同的地区，查看不同的网站页面的js代码

    最近一直在忙着建站,可是做好之后,又感觉不是那么的尽如人意,还要有些许的调动,根据地区不同,而查看不同的网站页面,由于我生成的页面都是静态,着实有些为难的,以前也有发表过一些这方面的文章,但感觉还是挺麻烦的,况且也达不到令自己满意的效果,所以,在朋友的帮助下,找到一个比较方便的方法,就是把以下代码,加入我们自己需要跳转的页面里,这样做还是不错的呢! 复制代码 代码如下: <script src="http://counter.sina.com.cn/ip" type="

  • 在模板页面的js使用办法

    如下所示 : 代码 复制代码 代码如下: <input id="txt_title" runat="server" name="txt_title" style="width:150px; height:20px" maxlength="40" type="text" onchange="CheckResume('ctl00_head_txt_title','title'

  • 5秒后跳转到另一个页面的js代码

    复制代码 代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>5秒后跳转到另一个页面</title> <script type="text/javascript"> var t = 5; function countDown(){ var

  • 生成静态页面的php函数,php爱好者站推荐

    复制代码 代码如下: <?php  function CreateShtml()  {  ob_start("callback_CteateShtml");  }  function callback_CteateShtml($buffer)  {  $page = intval(@$_REQUEST["page"]);  //$fileName = $_SERVER['DOCUMENT_ROOT'] . dirname($_SERVER['PHP_SELF'

  • 点下网页的任意地方,都可到达指定页面的js代码

    点下网页的任意地方,都可到达指定页面的js代码

    var Then = new Date(); Then.setTime(Then.getTime() + 12*60*60*1000 ); //秒分 var cookieString = new String(document.cookie); var cookieHeader = "POPWIN" ; var beginPosition = cookieString.indexOf(cookieHeader); if (beginPosition == -1) { var newto

  • wap浏览自动跳转到wap页面的js代码

    如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ?手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题! 复制代码 代码如下: function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|

  • js 判断js函数、变量是否存在的简单示例代码

    核心代码 //是否存在指定函数 function isExitsFunction(funcName) { try { if (typeof(eval(funcName)) == "function") { return true; } } catch(e) {} return false; } //是否存在指定变量 function isExitsVariable(variableName) { try { if (typeof(variableName) == "undef

随机推荐