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
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
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 );
}
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');
});
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/
$( document ).ready(function() {
$("head").append('<script type="text/javascript" src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"></script>');
});
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");