execute a javascript after page load is complete

Question

how can I execute a java script after page load is complete

<script src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907" type="text/javascript"></script>

Thank you guys

Answer 1

If you use jquery, the below code might work:

$(document).ready(function() {
    $.getScript("http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");
});

Wihtout Jquery

window.onload = function() {
    var element = document.createElement("script");
    element.src = "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907";
    document.getElementsByTagName("head")[0].appendChild(element );
}

Answer 2

This will run some javascript when the script file is loaded:

<script src="mysrc.js" onload="foo"></script>
<script>
  function foo() {
    console.log('Loaded script');
  }
</script>

This will run javascript when the entire page is loaded:

document.addEventListener('DOMContentLoaded', function(){
  console.log('Loaded page');
});

Answer 3

Append the script load on ready event:

$(function(){
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  script.setAttribute("src", "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");
  document.body.appendChild(script);
});

Here is a jsfiddle: https://jsfiddle.net/ndeLhkw9/

Answer 4

You could try jQuery deferred.done () , see more deferred.done().

Answer 5

$( document ).ready(function() {

$("head").append('<script type="text/javascript" src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"></script>');
});

Answer 6

Here's an example using jQuery:

function require(script) {
    $.ajax({
        url: script,
        dataType: "script",
        async: false,           // <-- This is the key
        success: function () {
            // all good...
        },
        error: function () {
            throw new Error("Could not load script " + script);
        }
    });
}

You can then use it in your code as you'd usually use an include:

require("http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");