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

最新推荐文章于 2020-09-28 11:19:11 发布

afterrains

最新推荐文章于 2020-09-28 11:19:11 发布

阅读量2k

点赞数

分类专栏： html+css+div js

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/47355489

版权

js 同时被 2 个专栏收录

107 篇文章 2 订阅

订阅专栏

html+css+div

78 篇文章 2 订阅

订阅专栏

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="打开窗口" οnclick="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>脚本之家 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="调用父窗口的方法" οnclick="btn1Clicked()" />   
<input type="button" name="btn2" value="调用父窗口的变量" οnclick="btn2Clicked()" />   
</body>   
</html>