iframe src code example

Example 1: iframe attributes

<iframe width="560" height="315" src="https://www.youtube.com/embed/owsfdh4gxyc" frameborder="0" allowfullscreen></iframe>

Example 2: iframe srcdoc

<iframe srcdoc="<p>Hello world!</p>"></iframe>

Example 3: js set iframe src

<script type="text/javascript">
function iframeDidLoad() {
    alert('Done');
}

function newSite() {
    var sites = ['http://getprismatic.com',
                 'http://gizmodo.com/',
                 'http://lifehacker.com/']

    document.getElementById('myIframe').src = sites[Math.floor(Math.random() * sites.length)];
}    
</script>
<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://getprismatic.com/" onLoad="iframeDidLoad();"></iframe>

Example 4: put html in iframe

<iframe srcdoc="<html><body>Hello, <b>world</b>.</body></html>"></iframe>

Tags:

Css Example

Recent Posts