Äußere Seite

Innere Seite eingebettet mit von dieser ausgewertetem Zusatz-Parameter

?anzeige=ohnerahmen

Innere Seite normal eingebettet

Seitenquelltext der äußeren Seite

Seitenquelltext der inneren Seite

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Innere Seite</title>
    <style>
      body {
        margin:0px;
        padding:0px;
        font-family:sans-serif;
      }
      h1, h2 {
        font-weight:normal;
      }
      #aeusserer_inhalt {
        background-color:#f2f2f2;
        margin:0px;
        padding:20px;
        color:red;
      }
      #innerer_inhalt {
        background-color:#ffffff;
        padding:20px;
        color:#000000;
      }
    </style>
  </head>
  <body onload="anzeige_anpassen()">
    <div id="aeusserer_inhalt">
        <h1>Innere Seite</h1>
        <h2>Äußerer Inhalt</h2>
       <div id="innerer_inhalt">
         <h2>Innerer Inhalt</h2>
         <p>
           Nur dieser sollte sichtbar bleiben, wenn
           diese Seite mit dem Parameter
           ?anzeige=ohnerahmen"
           einbetettet wird.
         </p>
       </div>
       <p>weitere Inhalte im Bereich des äußeren Inhalts</p>

</div>
    <script>
       function anzeige_anpassen() {
           console.log('Innere Seite: anzeige_anpassen');
           var anzeige=String(getUrlParam('anzeige'));
           console.log('Wert des Parameters anzeige: '+anzeige);
           if (anzeige == 'ohnerahmen') {
               console.log('blende äußeren Rahmen aus');
               var aeusserer_inhalt=document.getElementById('aeusserer_inhalt');
               aeusserer_inhalt.style.visibility='hidden';
               aeusserer_inhalt.style.padding='0px';
               var kindobjekte=aeusserer_inhalt.children;
               for (var i=0; i < kindobjekte.length; i++) {
                   kindobjekte[i].style.display='none';
               }
               var innerer_inhalt=document.getElementById('innerer_inhalt');
               innerer_inhalt.style.display='block';
               innerer_inhalt.style.visibility='visible';
           }
       }

function getUrlParam(name) {
          var url_string = window.location;
          var url = new URL(url_string);
          var c = url.searchParams.get(name);
          return c;
      }
    </script>
  </body>
</html>

Download

inhalte_einer_seite_bei_einbettung_ausblenden.zip