Beispiel:HTML iframe-Element-src-sandbox.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <title>Beispiel: iframes mit srcdoc und sandbox</title>
</head>
<body>
  <h1>Beispiel: iframes mit <code>srcdoc</code> und <code>sandbox</code></h1>
  <main>
<p>Die beiden folgenden iframes zeigen den gleichen Inhalt an:</p>
<iframe src="data:text/html,%3Cb%3EHTML%3C%2Fb%3E"></iframe>
<iframe srcdoc="<b>HTML</b>"></iframe>

<p>Das srcdoc-Attribut hat – sofern der Browser es unterstützt – Vorrang gegenüber src:</p>
<iframe srcdoc="HTML aus srcdoc" src="data:text/html,HTML%20aus%20src"></iframe>

<p>Im folgenden iframe wird kein JavaScript ausgeführt:</p>
<iframe srcdoc="JavaScript? &lt;script&gt;alert('Hallöle!');&lt;/script&gt;&lt;noscript&gt;...kein JavaScript...&lt;/noscript&gt;" sandbox></iframe>
  </main>
</body>
</html>