Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<h1>Nadpis</h1>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
img { width: 40%; }
CSS
Autoformát
CSS reset
Až na konci
var html = '<div id="content">' + '<style>img {padding: 5%;}</style>' + '<script>document.getElementsByTagName("h1")[0].style.color = "red";</scr' + 'ipt>' + '<img src="fuck_grapefruit.png">' + '<img src="../comics/security_question.png">' + '<img src="/comics/password_strength.png">' + '<img src="https://imgs.xkcd.com/comics/license_plate.png">' + '<img src="http://imgs.xkcd.com/comics/childrens_fantasy.png">' + '</div>'; var host = "https://imgs.xkcd.com/comics/"; var iframe = $('<iframe style="display: none"></iframe>'); iframe.appendTo($('body')); var iframeDoc = iframe[0].contentDocument; iframeDoc.open(); iframeDoc.write('<base href="' + host + '"></base>' + html); iframeDoc.close(); var frameContent = $(iframeDoc).find('#content'); frameContent.find('[src]').each(function() { this.src = this.src; // magic! }); iframe.remove(); $('body').append(frameContent);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>