从innerhtml访问主页的功能

我有两个html页面。在主页中，单击链接时，链接后面的url应该在一个小的内联窗口中打开。经过大量搜索，我发现我可以使用Innerhtml将url加载到一个小div中（我还测试了iframe和ajax，但它们在chrome中不起作用）。1.是否可以在innerhtml中调用主页中定义的函数？2.在主页和innerhtml页面中，我有相同的选项卡和相同名称的对象，其中一个选项卡称为map。在innerhtml中单击按钮时，我希望在主页的映射中添加一个点，而不是innerhtml本身的映射。 以下是代码的一部分：

<script>
    function load_home(url) {
        document.getElementById("content").innerHTML = '<object type="text/html" 
        data = "' + url + '" > < /object>';
    }

</script>
<ul class="list-group  gn-resultview">
    <li class="list-group-item" data-ng-repeat="md in searchResults.records" gn-displayextent-onhover="" gn-zoomto-onclick gn-fix-mdlinks="">

        <div class="media-body">
            <div draggable id="content"> </div>

            <h4>
                <input gn-selection-md type="checkbox" ng-model="md['geonet:info'].selected" ng-change="change()" />
                <!-- Icon for types -->
                <a ng-href="#/metadata/{{md.getUuid()}}" onclick="load_home(this.href);return false;" title="{{md.title || md.defaultTitle}}">
                <i class="fa gn-icon-{{md.type[0]}}" title="{{md.type[0] | translate}}"/>
                {{(md.title || md.defaultTitle) | characters:80}}</a>
            </h4>
            <p class="text-justify" dd-text-collapse dd-text-collapse-max-length="350" dd-text-collapse-text="{{md.abstract || md.defaultAbstract}}"></p>
            <blockquote ng-if="md.getContacts().resource">{{::md.getContacts().resource}}</blockquote>
        </div>

        <div>
            <gn-links-btn></gn-links-btn>
        </div>
    </li>
</ul>

函数加载_home（url）{
document.getElementById（“content”）.innerHTML=''；
}



{{：：md.getContacts（）.resource}

在innerhtml页面中，您可以调用主页的函数，如“test（）”，如下所示： parent.test（）

例如： 在innerhtml url中：

<script>
function test1()
{

 parent.test();
}
</script>

函数test1（）
{
parent.test（）；
}

在innehtml页面中：

 <button type="button"
                        class="btn btn-default btn-sm btn-block"
                        data-ng-show="hasAction(mainType)"
                        onclick="test1()" >

是否与其他浏览器配合使用？请尝试。。。document.getElementById（“内容”）.innerHTML=''；（确保你的url是绝对的）@Roy那么有了这段代码，我能在innerhtml和主页之间链接吗？我编辑了描述以更好地澄清情况，您能再看看我的主要问题吗？此代码适用于所有浏览器，我的主要问题是我是否能够在innerhtml和主页之间链接@RameshRajendranI认为您不知道什么是innerHTML，对吗？该函数可以在页面内创建html代码。因此，您没有两个html，只有一个带有dinamic内容。所有页面中的函数都是相同的，您可以在任何地方调用它。要将html页面添加到当前页面中的一个小div中，您可以使用问题中提到的：load home（url）函数；要将url添加到iframe中，您可以使用问题注释中提到的答案。