87,996
社区成员
发帖
与我相关
我的任务
分享在JAVASCRIPT中如何访问其他页的变量或函数?
我在网页(父页)入了一个Iframe,在其中调用一页(子页)此页中我想访问父页中的script
变量,并且调用在其中定义的函数,能做到吗?
该如何做?
变量,并且调用在其中定义的函数,能做到吗?
该如何做?
...全文
请发表友善的回复…
发表回复
ashamwolf 2002-06-27
- 打赏
- 举报
能访问啊。比如说父页中有一个函数myFunc()，则子页中可以通过 parent.myFunc()来调用。
woodpeng 2002-06-27
- 打赏
- 举报
我所做的不是打开一个新窗口，而是一个用IFrame嵌套的窗口，我想用parent.parent.abc的方式访问，可是访问不到。另外如何调用父页的函数呢？
seabell 2002-06-27
- 打赏
- 举报
<script>
function ballack()
{
alert("hero!");
}
</script>
<iframe id=deutsch src="about:<input type=button value='miss you' onclick=parent.ballack()>"></iframe>
function ballack()
{
alert("hero!");
}
</script>
<iframe id=deutsch src="about:<input type=button value='miss you' onclick=parent.ballack()>"></iframe>
ashamwolf 2002-06-27
- 打赏
- 举报
在“子页”中，window.parent表示“父页”，用window.parent.<函数或变量或对象名称>可以引用“父页”中的函数或者变量或者对象。
xg_delayth 2002-06-27
- 打赏
- 举报
给你一个例子
test.html如下
<html>
<head>
<script language=javascript>
//************************************************************************************
var testVar="I love this game !";
function btnTest1_onclick(){
alert("testVar:"+testVar+" :: txtTest:"+f1.txtTest.value);
}
function btnTest2_onclick(){
window.open("test1.html","test",280,300);
}
//************************************************************************************
</script>
</head>
<body>
<form name=f1>
<input type="text" name="txtTest">
<input type="button" name="btnTest1" value="测 试_a" onclick="btnTest1_onclick()">
<input type="button" name="btnTest2" value="测 试_b" onclick="btnTest2_onclick()">
</form>
</body>
</html>
test1.html
<html>
<script language=javascript>
//************************************************************************************
function btnTest_onclick(){
window.opener.document.f1.txtTest.value="test1.html-var1";
window.opener.testVar="test1.html-var2";
}
//************************************************************************************
</script>
<body>
<form name=f1>
<input type="text" name="txtTest">
<input type="button" name="btnTest" value="测 试" onclick="btnTest_onclick()">
</form>
</body>
</html>
test.html如下
<html>
<head>
<script language=javascript>
//************************************************************************************
var testVar="I love this game !";
function btnTest1_onclick(){
alert("testVar:"+testVar+" :: txtTest:"+f1.txtTest.value);
}
function btnTest2_onclick(){
window.open("test1.html","test",280,300);
}
//************************************************************************************
</script>
</head>
<body>
<form name=f1>
<input type="text" name="txtTest">
<input type="button" name="btnTest1" value="测 试_a" onclick="btnTest1_onclick()">
<input type="button" name="btnTest2" value="测 试_b" onclick="btnTest2_onclick()">
</form>
</body>
</html>
test1.html
<html>
<script language=javascript>
//************************************************************************************
function btnTest_onclick(){
window.opener.document.f1.txtTest.value="test1.html-var1";
window.opener.testVar="test1.html-var2";
}
//************************************************************************************
</script>
<body>
<form name=f1>
<input type="text" name="txtTest">
<input type="button" name="btnTest" value="测 试" onclick="btnTest_onclick()">
</form>
</body>
</html>
