gpt4 book ai didi

javascript - 从父 HTML 调用函数

转载 作者:行者123 更新时间:2023-11-28 18:19:58 26 4
gpt4 key购买 nike

在 HTML 中,我有两个函数,一个是仅带有警报的 abc,另一个是使用 window.open() 创建一个新窗口,并填充预定义的 HTML 字符串。我想从父 HTML 调用该函数。我尝试过调用parent.abc和window.parent.abc。它们都不起作用。

<html>
<body>
<button onclick="myfunction()" type="button">A new Window</button>
<script>
var myWindow;
function abc() {
alert("abc");
};

function myfunction() {
var htmlholder = '<!DOCTYPE html>'+
'<html>'+
'<body>'+
'<p>Here is another HTML<\/p>'+
'<button type="button1" onclick="parent.abc()">Call parentabc<\/button>'+
'<\/body>'+
'<\/html>';

myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write(htmlholder);

};

</script>
</body>
</html>

最佳答案

您必须使用 opener 而不是parent。已添加fiddler。

   function myfunction() {
var htmlholder = '<!DOCTYPE html>'+
'<html>'+
'<body>'+
'<p>Here is another HTML<\/p>'+
'<button type="button1" onclick="opener.abc()">Call parentabc<\/button>'+
'<\/body>'+
'<\/html>';

myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write(htmlholder);

};

https://jsfiddle.net/0txe2qvx/

关于javascript - 从父 HTML 调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40048648/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com