change src of iframe with javascript on pageload

Question

I have this in a javascript file to diguise the source as much as possible

$(document).ready(function () {
    document.getElementById('myframe1').src = "http://www.mysite.com/index.html";

});

and in the html

<iframe id="myframe1" width="900" height="700" src=""></iframe>

Sorry I am a bit of a notice with javascript. Any help with be great! thanks.

Are you using jQuery or plain javascript? Your code says one thing and your tagging say another. — Niklas
– Niklas, Commented Oct 1, 2012 at 10:43

Niklas · Accepted Answer · 2012-10-01 11:35:05Z

7

With jQuery:

<script type="text/javascript">
    $(document).ready(function () {
        $("#myFrame1").attr("src", "http://www.mysite.com/index.html");
    });
</script>

With plain javascript:

<script type="text/javascript">
    window.onload = init;

    function init() {
        document.getElementById('myframe1').src = "http://www.mysite.com/index.html";
    }
</script>

You can add the function to the onload event like above.

edited Oct 1, 2012 at 11:35

answered Oct 1, 2012 at 10:46

Niklas

13.2k24 gold badges82 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jan Sommer Over a year ago

With plain JavaScript I'd wrap the code in a function that's run when window.onload occurs, unless the script is at the bottom of the page.

Niklas Over a year ago

Did it help you or are you stuck with something?

killerwhale Over a year ago

it works when I put the (non-jquery) javascript directly in the code, but when I put it in a separate js file (eg. <script type="javascript/text" src="blah.js"></script>) with "blah.js" containing all of the non-jquery javascript above, it doesn't.

Collectives™ on Stack Overflow

change src of iframe with javascript on pageload

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related