2017-08-22 7 views
1

私は2つのhtmlページを持っています。メインページで、リンクをクリックすると、リンクの後ろのURLが小さなインラインウィンドウで開かれます。多くを検索した後、Innerhtmlを使用してURLを小さなdivに読み込むことができました(iframeとajaxもテストしましたが、chromeでは動作しませんでした)。 1. innerhtml内のメインページで定義された関数を呼び出すことは可能ですか? 2.メインページとinnerhtmlページの中に同じ名前の同じタブとオブジェクトがあり、タブの1つがマップと呼ばれています。 innerhtmlでボタンをクリックすると、innerhtml自体のマップではなく、メインページのマップにポイントが追加されます。ここ は、コードの一部です: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> 
+0

他のブラウザと連携していますか? –

+0

try ... document.getElementById( "content")。innerHTML = '