从html对象或iframe调用javascript

Question

我在使用HTML和javascript时遇到了以下问题。我的网站在div中包含了这样一个HTML页面：

<object name="cont" type="text/html" data="myHtmlPage.html"></object>

我有一个javascript函数(链接到主页)来更改该对象的内容。

代码运行良好，因为我可以在“内部”页面中导航，而无需更改外部上下文。

问题是，现在我需要从加载在该对象中的html页面调用主页面javascript上的函数(需要在主页1上调用函数，因为我必须更改主页面div的一些属性)。

有办法吗？

我希望我说的很清楚，谢谢你的帮助。

马泰奥

编辑：

我有一个index.html，有一系列的章节(是一个单一的网页网站)。

在一个部分(#services)中，我有两个div:一个可以选择服务，另一个可以选择iFrame(#content) (以前是html对象)。

在js (serviceMenuHandler.js)中有这样的函数：

function changeService(servizio){
            var pathServizio;
            var pathMenu;
            pathServizio = servizio + ".html";
            pathBg = 'url(img/'+servizio+'.jpg)';
            if(servizio=="applicazioni" || servizio == "progettazione"){
                pathServizio = "errore.html";
            }
            document.getElementById('content').src=pathServizio;
            $("#services").css('background',pathBg);}`
}

我还有另一个页面，我们将其命名为erivice1.html，它是通过iFrame中的该函数加载的，工作正常。

从该页面中，我需要调用父页面上的changeService函数，这样我就可以更改服务和背景。

正如JSantosh所建议的，我在service1.html中有一个javascript函数，它调用方法parent.changeService(service)，但不执行任何操作。

我通常通过<script type="text/javascript" src="js/serviceMenuHandler.js"></script>加载js，在iFrame之前也是如此。

希望现在更清楚，谢谢

编辑2

对于Firefox，它可以像注释中所建议的那样轻松地调用父函数。

有人知道为什么Chrome不起作用吗？

Answer 1

好吧，我想我知道你想做什么。

您希望调用索引以外的页面上的函数更改服务。

最简单的方法是将函数移动到一个.js文件中，然后在两个页面上都包含文件，这样就可以访问带有包含的任何页面的.js文件中的函数。应该是这样的。

<script src="javascript.js"></script>

我希望这能帮到你。